第8章JavaScript脚本语言分析.ppt

网页设计与制作教程（HTML+CSS+JavaScript） 机械工业出版社同名教材 配套电子教案 * * 8.1 JavaScript简介 8.2 在网页中插入JavaScript的方法及定义 8.3 JavaScript的基本数据类型和表达式 8.4 JavaScript的程序结构 8.5 基于对象的JavaScript语言 8.6 DOM对象及编程 8.7 JavaScript的对象事件处理程序 第8章 JavaScript脚本语言 JavaScript语言的前身叫作LiveScript，自从Sun公司推出著名的Java语言后，Netscape公司引进了Sun公司有关Java的程序概念，将LiveScript重新进行设计，并改名为JavaScript。 目前流行的多数浏览器都支持JavaScript，如Netscape公司的Navigator 3.0以上版本，Microsoft公司的Internet Explorer 3.0以上版本。 JavaScript是一种行为脚本语言，用JavaScript可以创建出运行在多平台和浏览器上的交互行为和效果。 8.1 JavaScript简介 8.2.1 在HTML文档中嵌入脚本程序 JavaScript的脚本程序包括在HTML中，使之成为HTML文档的一部分。其格式为： script language =JavaScript JavaScript语言代码; JavaScript语言代码; … /Script 【演练8-1】在HTML文档中嵌入JavaScript的脚本，本例文件8-1.html在浏览器中显示的效果如图8-1和图8-2所示。 8.2 在网页中插入JavaScript的方法及定义 8.2.2 链接脚本文件 可以把脚本保存在一个扩展名为.js的文本文件中，供需要该脚本的多个HTML文件引用。要引用外部脚本文件，使用script标记的src属性指定外部脚本文件的URL。 其格式为： head … script type=text/javascript src=脚本文件名.js/script … /head 8.2 在网页中插入JavaScript的方法及定义 8.2.3 在标记内添加脚本 可以在HTML表单的输入标记符内添加脚本，以响应输入的事件。 【演练8-2】在标记中添加JavaScript的脚本，本例文件8-2.html在浏览器中显示的效果如图8-3和图8-4所示。 8.2 在网页中插入JavaScript的方法及定义 8.3.1 基本数据类型 JavaScript有4种基本的数据类型。 number（数值）类型：可为整数和浮点数。在程序中并没有把整数和实数分开，这两种数据可在程序中自由转换。整数可以为正数、0或者负数；浮点数可以包含小数点、也可以包含一个“e”（大小写均可，表示10的幂），或者同时包含这两项。 string（字符）类型：字符是用单引号“”或双引号“”来说明的。 boolean（布尔）类型：布尔型的值为true或false。 object（对象）类型：对象也是JavaScript中的重要组成部分，用于说明对象。 8.3 JavaScript的基本数据类型和表达式 8.3.2 常量 常量通常又称为字面常量，它是不能改变的数据。 1．基本常量 （1）字符型常量 （2）数值型常量 （3）布尔型常量 2．特殊常量 （1）空值 （2）控制字符 8.3 JavaScript的基本数据类型和表达式 8.3.3 变量 1．变量的命名 2．变量的类型 变量的类型是在赋值时根据数据的类型来确定的，包括字符型、数值型和布尔型。 3．变量的声明 变量的声明和赋值语句var的语法为： var 变量名称1 [= 初始值1] , 变量名称2 [= 初始值2] … ; 4．变量的作用域 变量的作用域是变量的重要概念。在JavaScript中同样有全局变量和局部变量，全局变量是定义在所有函数体之外，其作用范围是全部函数；而局部变量是定义在函数体之内，只对该函数可见，而对其他函数不可见。 8.3 JavaScript的基本数据类型和表达式 8.3.4 运算符和表达式 在定义完变量后，可以对变量进行赋值、计算等一系列操