第4章--客户端脚本语言.ppt

第4章　客户端脚本语言
了解脚本语言基本概念
了解JavaScript基本语法
了解JavaScript事件处理
了解JavaScript常用内置对象
由于HTML所提供的页面信息绝大多数都是静态的，通过浏览器显示给用户后页面内容固定不变，缺少动态的和交互的效果。因此各种脚本语言应运而生，它们实现了客户端页面的动态效果，提高了页面的交互性，同时使用简单、方便。
应用于客户端WEB程序设计的脚本语言弥补了HTML语言的不足，大大增强了客户端WEB页面的动态性和交互性，通常我们将脚本语言嵌入到HTML文档中，由浏览器直接解释执行。它的功能较为强大，我们可以在客户端使用脚本语言实现不同的页面动态效果，如页面显示图片的变化等，也可以利用脚本语言在客户端进行基本的输入数据的正确性检查，提高客户端与服务器端数据传输的效率和正确性。
目前较为常用的是JavaScript和VBScript，它们既可以用于服务器端WEB程序开发，也可以用于客户端WEB程序开发。
JavaScript具有Java语言的许多特性，但是应用于HTML页面比Java更简单有效。
VBScript具有与Visual Basic几乎相同的语法结构。
JavaScript是一种嵌入HTML的脚本语言，它不需要编译，在客户端可以通过浏览器解释执行。
JavaScript具有跨平台、基于对象和事件驱动的特点，同时它也具有一定的安全性。
程序代码见程序清单4-1，运行结果。
将JavaScript代码嵌入HTML文件的方法有两种 ：
直接在HTML文件中使用HTML中的<script>……</script>标记。 其描述形式为：
<script language = "JavaScript">
JavaScript语句段
</script>
将JavaScript程序代码和HTML文件分别编写，并将JavaScript程序代码以扩展名“.js”保存，然后在HTML文件中通过<script>标记将指定的JavaScript文件导入进来。其描述形式为：
<script src = "JavaScript文件路径">
JavaScript代码的书写的几点说明：
JavaScript区分大小写。
JavaScript中使用换行符作为一条语句的结束标志。如果需要将几条语句放在同一行书写，可以在各条语句间使用分号“；”进行分隔。
JavaScript中注释语句的描述形式有两种，可以使用“//”或“/*……*/”标记JavaScript的注释语句。
JavaScript提供了四种基本的数据类型，分别是数值型、字符串型、布尔型和空值。
数值型数据包括整数和浮点数。
字符型数据是用双引号“ ”括起来的字符串或单引号‘ ’括起来的字符。
布尔型数据可以取true和false两个值。
空值null。