网页特效——JavaScript.ppt

《网页特效——JavaScript.ppt》由会员分享，可在线阅读，更多相关《网页特效——JavaScript.ppt（78页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制作教程机械工业出版社同名教材机械工业出版社同名教材机械工业出版社同名教材机械工业出版社同名教材配套电子教案配套电子教案配套电子教案配套电子教案2005.82005.84.1 4.1 JavaScriptJavaScript简介简介简介简介4.2 4.2 在网页中插入在网页中插入在网页中插入在网页中插入JavaScriptJavaScript的方法及定义的方法及定义的方法及定义的方法及定义4.3 4.3 JavaScriptJavaScript的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式4.4 4.4 JavaScriptJavaScrip

2、t的程序结构的程序结构的程序结构的程序结构4.5 4.5 基于对象的基于对象的基于对象的基于对象的JavaScriptJavaScript语言语言语言语言4.6 4.6 JavaScriptJavaScript的内置对象的内置对象的内置对象的内置对象4.7 4.7 自定义对象自定义对象自定义对象自定义对象4.8 DOM4.8 DOM对象及编程对象及编程对象及编程对象及编程4.9 4.9 JavaScriptJavaScript的对象事件处理程序的对象事件处理程序的对象事件处理程序的对象事件处理程序第第4章章 网页特效网页特效JavaScript 脚本（脚本（脚本（脚本（ScriptScript

3、）实际实际实际实际上就是一段程序，用来完成某些特上就是一段程序，用来完成某些特上就是一段程序，用来完成某些特上就是一段程序，用来完成某些特殊的功能。脚本程序既可以在服殊的功能。脚本程序既可以在服殊的功能。脚本程序既可以在服殊的功能。脚本程序既可以在服务务务务器端运行（称器端运行（称器端运行（称器端运行（称为为为为服服服服务务务务器脚器脚器脚器脚本，例如本，例如本，例如本，例如ASPASP脚本、脚本、脚本、脚本、PHPPHP脚本等），也可以直接在脚本等），也可以直接在脚本等），也可以直接在脚本等），也可以直接在浏览浏览浏览浏览器端器端器端器端运行（称运行（称运行（称运行（称为为为为客客客客户户户

4、户端脚本）。端脚本）。端脚本）。端脚本）。JavaScriptJavaScript是一种基于是一种基于是一种基于是一种基于对对对对象（象（象（象（ObjectObject）和事件和事件和事件和事件驱动驱动驱动驱动（Event DrivenEvent Driven）并具有安全性能的脚本并具有安全性能的脚本并具有安全性能的脚本并具有安全性能的脚本语语语语言。使用它的目言。使用它的目言。使用它的目言。使用它的目的是与的是与的是与的是与HTMLHTML、CSSCSS一起一起一起一起实现实现实现实现在一个在一个在一个在一个WebWeb页页页页面中面中面中面中链链链链接多个接多个接多个接多个对对对对象，与

5、象，与象，与象，与WebWeb客客客客户户户户交互的作用。交互的作用。交互的作用。交互的作用。JavaScriptJavaScript不是不是不是不是JavaJava，只不只不只不只不过过过过两者两者两者两者类类类类似。似。似。似。JavaScriptJavaScript语语语语言言言言的前身叫作的前身叫作的前身叫作的前身叫作LivescriptLivescript，自从自从自从自从SunSun公司推出著名的公司推出著名的公司推出著名的公司推出著名的JavaJava语语语语言后，言后，言后，言后，NetscapeNetscape公司引公司引公司引公司引进进进进了了了了SunSun公司有关公司有

6、关公司有关公司有关JavaJava的程序概念，将的程序概念，将的程序概念，将的程序概念，将LivescriptLivescript重新重新重新重新进进进进行行行行设计设计设计设计，并改名，并改名，并改名，并改名为为为为JavaScriptJavaScript。4.1 JavaScript4.1 JavaScript简介简介简介简介 JavaScriptJavaScriptJavaScriptJavaScript的脚本程序包括在的脚本程序包括在的脚本程序包括在的脚本程序包括在HTMLHTMLHTMLHTML中，使之成为中，使之成为中，使之成为中，使之成为HTMLHTMLHTMLHTML文档文档文

7、档文档的一部分。其格式为：的一部分。其格式为：的一部分。其格式为：的一部分。其格式为：JavaScript JavaScript JavaScript JavaScript语言代码语言代码语言代码语言代码;JavaScript JavaScript JavaScript JavaScript语言代码语言代码语言代码语言代码;.在网页中最常用的定义脚本的方法是使用在网页中最常用的定义脚本的方法是使用在网页中最常用的定义脚本的方法是使用在网页中最常用的定义脚本的方法是使用.标记，将其插入到标记，将其插入到标记，将其插入到标记，将其插入到HTMLHTMLHTMLHTML文档的文档的文档的文档的.或或

8、或或.之间，多数情况下最之间，多数情况下最之间，多数情况下最之间，多数情况下最好放到好放到好放到好放到.标记之间，这样可以让标记之间，这样可以让标记之间，这样可以让标记之间，这样可以让JavaScriptJavaScriptJavaScriptJavaScript程序代码先于其他代码第一个被加载执行。程序代码先于其他代码第一个被加载执行。程序代码先于其他代码第一个被加载执行。程序代码先于其他代码第一个被加载执行。【例例例例4-14-14-14-1】4.2 4.2 在网页中插入在网页中插入在网页中插入在网页中插入JavaScriptJavaScript的方法及定义的方法及定义的方法及定义的方法及

9、定义 4.2.1 4.2.1 在在在在HTMLHTML文档中嵌入脚本程序文档中嵌入脚本程序文档中嵌入脚本程序文档中嵌入脚本程序 可以把脚本保存在一个扩展名为可以把脚本保存在一个扩展名为可以把脚本保存在一个扩展名为可以把脚本保存在一个扩展名为.jsjsjsjs的文本文件中，的文本文件中，的文本文件中，的文本文件中，供需要该脚本的多个供需要该脚本的多个供需要该脚本的多个供需要该脚本的多个HTMLHTMLHTMLHTML文件引用。要引用外部脚本文文件引用。要引用外部脚本文文件引用。要引用外部脚本文文件引用。要引用外部脚本文件，使用件，使用件，使用件，使用scriptscriptscriptscrip

10、t标记的标记的标记的标记的srcsrcsrcsrc属性指定外部脚本文件的属性指定外部脚本文件的属性指定外部脚本文件的属性指定外部脚本文件的URLURLURLURL。其格式为：其格式为：其格式为：其格式为：.script type=text/script type=text/script type=text/.【例例例例4-24-24-24-2】4.2 4.2 在网页中插入在网页中插入在网页中插入在网页中插入JavaScriptJavaScript的方法及定义的方法及定义的方法及定义的方法及定义 4.2.2 4.2.2 链接脚本文件链接脚本文件链接脚本文件链接脚本文件 可可可可以以以以在在在在H

11、TMLHTMLHTMLHTML表表表表单单单单的的的的输输输输入入入入标标标标记记记记符符符符内内内内添添添添加加加加脚脚脚脚本本本本，以以以以响响响响应应应应输输输输入入入入的事件。的事件。的事件。的事件。【例例例例4-34-34-34-3】4.2 4.2 在网页中插入在网页中插入在网页中插入在网页中插入JavaScriptJavaScript的方法及定义的方法及定义的方法及定义的方法及定义 4.2.3 4.2.3 在标记内添加脚本在标记内添加脚本在标记内添加脚本在标记内添加脚本 在一个在一个在一个在一个HTMLHTMLHTMLHTML文档中，可以有多个脚本程序块，它们可文档中，可以有多个脚

12、本程序块，它们可文档中，可以有多个脚本程序块，它们可文档中，可以有多个脚本程序块，它们可以放在以放在以放在以放在和和和和中，浏览器将依次执行。中，浏览器将依次执行。中，浏览器将依次执行。中，浏览器将依次执行。【例例例例4-44-44-44-4】4.2 4.2 在网页中插入在网页中插入在网页中插入在网页中插入JavaScriptJavaScript的方法及定义的方法及定义的方法及定义的方法及定义 4.2.4 4.2.4 多脚本网页多脚本网页多脚本网页多脚本网页 JavaScriptJavaScript有有4 4种基本的数据类型。种基本的数据类型。numbernumber（数值）类型：可为整数和浮

13、点数。在程序中并没数值）类型：可为整数和浮点数。在程序中并没有把整数和实数分开，这两种数据可在程序中自由转换。整数有把整数和实数分开，这两种数据可在程序中自由转换。整数可以为正数、可以为正数、0 0或者负数；浮点数可以包含小数点、也可以包或者负数；浮点数可以包含小数点、也可以包含一个含一个“e e”（大小写均可，表示大小写均可，表示1010的幂），或者同时包含这的幂），或者同时包含这两项。两项。stringstring（字符）类型：字符是用单引号字符）类型：字符是用单引号“”或双引号或双引号“”来说明的。来说明的。booleanboolean（布尔）类型：布尔型的值为布尔）类型：布尔型的值为t

14、ruetrue或或falsefalse。objectobject（对象）类型：对象也是对象）类型：对象也是JavaScriptJavaScript中的重要组成中的重要组成部分，用于说明对象。部分，用于说明对象。4.3 JavaScript4.3 JavaScript的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式 4.3.1 4.3.1 基本数据类型基本数据类型基本数据类型基本数据类型 1.1.1.1.基本常量基本常量基本常量基本常量 (1)(1)(1)(1)字符型常量字符型常量字符型常量字符型常量 使用单引号使用单引号使用单引号使用单引号“”或双引号或

15、双引号或双引号或双引号“”括起来的一个或几个字符。括起来的一个或几个字符。括起来的一个或几个字符。括起来的一个或几个字符。如如如如 123123123123、abcABC123abcABC123abcABC123abcABC123、This is a book of JavaScriptThis is a book of JavaScriptThis is a book of JavaScriptThis is a book of JavaScript等。等。等。等。(2)(2)(2)(2)数值型常量数值型常量数值型常量数值型常量 整型常量：其整型常量可以使用十进制、十六进制、八进整型常量：其

16、整型常量可以使用十进制、十六进制、八进整型常量：其整型常量可以使用十进制、十六进制、八进整型常量：其整型常量可以使用十进制、十六进制、八进制表示其值。制表示其值。制表示其值。制表示其值。实型常量：实型常量是由整数部分加小数部分表示，如实型常量：实型常量是由整数部分加小数部分表示，如实型常量：实型常量是由整数部分加小数部分表示，如实型常量：实型常量是由整数部分加小数部分表示，如12.3212.3212.3212.32、193.98193.98193.98193.98。可以使用科学或标准方法表示：。可以使用科学或标准方法表示：。可以使用科学或标准方法表示：。可以使用科学或标准方法表示：6E86E8

17、6E86E8、2.6e52.6e52.6e52.6e5等。等。等。等。(3)(3)(3)(3)布尔型常量布尔型常量布尔型常量布尔型常量 布尔常量只有两个值：布尔常量只有两个值：布尔常量只有两个值：布尔常量只有两个值：TrueTrueTrueTrue或或或或FalseFalseFalseFalse。JavaScriptJavaScriptJavaScriptJavaScript只能用只能用只能用只能用TrueTrueTrueTrue或或或或FalseFalseFalseFalse表示其状态，不能用表示其状态，不能用表示其状态，不能用表示其状态，不能用1 1 1 1或或或或0 0 0 0表示其状态

18、。表示其状态。表示其状态。表示其状态。4.3 JavaScript4.3 JavaScript的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式 4.3.2 4.3.2 常量常量常量常量 2.2.特殊常量特殊常量 (1)(1)空值空值 JavaScriptJavaScriptJavaScriptJavaScript中有一个空值中有一个空值中有一个空值中有一个空值nullnullnullnull，表示什么也没有。例如，表示什么也没有。例如，表示什么也没有。例如，表示什么也没有。例如，试图引用没有定义的变量，则返回一个试图引用没有定义的变量，则返回一个试图引用

19、没有定义的变量，则返回一个试图引用没有定义的变量，则返回一个nullnullnullnull值。值。值。值。(2)(2)控制字符控制字符 与与与与C/C+C/C+C/C+C/C+语言一样，语言一样，语言一样，语言一样，JavaScriptJavaScriptJavaScriptJavaScript中同样有以反斜杠中同样有以反斜杠中同样有以反斜杠中同样有以反斜杠“”开开开开头的不可显示的特殊字符。头的不可显示的特殊字符。头的不可显示的特殊字符。头的不可显示的特殊字符。通常称为控制字符（这些字符前的通常称为控制字符（这些字符前的通常称为控制字符（这些字符前的通常称为控制字符（这些字符前的“”叫转义

20、字符）。叫转义字符）。叫转义字符）。叫转义字符）。例如：例如：例如：例如：bbbb：表示退格表示退格表示退格表示退格 ffff：表示换页表示换页表示换页表示换页 nnnn：表示表示表示表示换行换行换行换行 rrrr：表示回车表示回车表示回车表示回车 tttt：表示表示表示表示TabTabTabTab符号符号符号符号 ：表示单引号本身：表示单引号本身：表示单引号本身：表示单引号本身 ：表示双：表示双：表示双：表示双引号本身引号本身引号本身引号本身 4.3 JavaScript4.3 JavaScript的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式 4.

21、3.2 4.3.2 常量常量常量常量 1.1.变量的命名变量的命名 JavaScriptJavaScriptJavaScriptJavaScript中的变量命名同其他计算机语言非常相似，变中的变量命名同其他计算机语言非常相似，变中的变量命名同其他计算机语言非常相似，变中的变量命名同其他计算机语言非常相似，变量名称的长度是任意的，但要区分大小写。另外，还必须遵量名称的长度是任意的，但要区分大小写。另外，还必须遵量名称的长度是任意的，但要区分大小写。另外，还必须遵量名称的长度是任意的，但要区分大小写。另外，还必须遵循以下规则：循以下规则：循以下规则：循以下规则：第一个字符必须是一个字母（大小写均可

22、）、或下划第一个字符必须是一个字母（大小写均可）、或下划第一个字符必须是一个字母（大小写均可）、或下划第一个字符必须是一个字母（大小写均可）、或下划线线线线“_ _ _ _”或一个美元符或一个美元符或一个美元符或一个美元符“$”。后续字符可以是字母、数字、下划线或美元符。除下后续字符可以是字母、数字、下划线或美元符。除下后续字符可以是字母、数字、下划线或美元符。除下后续字符可以是字母、数字、下划线或美元符。除下划线划线划线划线“_ _ _ _”字符外，变量名中不能有空格、字符外，变量名中不能有空格、字符外，变量名中不能有空格、字符外，变量名中不能有空格、“+”、“-”、“，”或其他特殊符号。或

23、其他特殊符号。或其他特殊符号。或其他特殊符号。不能使用不能使用不能使用不能使用JavaScriptJavaScriptJavaScriptJavaScript中的关键字作为变量。在中的关键字作为变量。在中的关键字作为变量。在中的关键字作为变量。在JavaScriptJavaScriptJavaScriptJavaScript中定义了中定义了中定义了中定义了40404040多个类键字，这些关键是多个类键字，这些关键是多个类键字，这些关键是多个类键字，这些关键是JavaScriptJavaScriptJavaScriptJavaScript内部使用的，不能作为变量的名称。如内部使用的，不能作为变量

24、的名称。如内部使用的，不能作为变量的名称。如内部使用的，不能作为变量的名称。如varvarvarvar、intintintint、doubledoubledoubledouble、truetruetruetrue不能作为变量的名称。不能作为变量的名称。不能作为变量的名称。不能作为变量的名称。4.3 JavaScript4.3 JavaScript的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式 4.3.3 4.3.3 变量变量变量变量 2.2.变量的类型变量的类型 JavaScriptJavaScriptJavaScriptJavaScript是一种对数

25、据类型变量要求不太严格的语言，是一种对数据类型变量要求不太严格的语言，是一种对数据类型变量要求不太严格的语言，是一种对数据类型变量要求不太严格的语言，所以不必声明每一个变量的类型，声明变量尽管不是必须的，所以不必声明每一个变量的类型，声明变量尽管不是必须的，所以不必声明每一个变量的类型，声明变量尽管不是必须的，所以不必声明每一个变量的类型，声明变量尽管不是必须的，但在使用变量之前先进行声明是一种好的习惯。但在使用变量之前先进行声明是一种好的习惯。但在使用变量之前先进行声明是一种好的习惯。但在使用变量之前先进行声明是一种好的习惯。3.3.变量的声明变量的声明 JavaScriptJavaScri

26、ptJavaScriptJavaScript变量可以在使用前先作声明，并可赋值。通过变量可以在使用前先作声明，并可赋值。通过变量可以在使用前先作声明，并可赋值。通过变量可以在使用前先作声明，并可赋值。通过使用使用使用使用varvarvarvar关键字对变量作声明。对变量作声明的最大好处就是关键字对变量作声明。对变量作声明的最大好处就是关键字对变量作声明。对变量作声明的最大好处就是关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中的错误，因为能及时发现代码中的错误，因为能及时发现代码中的错误，因为能及时发现代码中的错误，因为JavaScriptJavaScriptJavaScript

27、JavaScript是采用动态编译的，是采用动态编译的，是采用动态编译的，是采用动态编译的，而动态编译是不易发现代码中的错误，特别是变量命名方面。而动态编译是不易发现代码中的错误，特别是变量命名方面。而动态编译是不易发现代码中的错误，特别是变量命名方面。而动态编译是不易发现代码中的错误，特别是变量命名方面。变量的声明和赋值语句变量的声明和赋值语句变量的声明和赋值语句变量的声明和赋值语句varvarvarvar的语法为：的语法为：的语法为：的语法为：varvarvarvar 变量名称变量名称变量名称变量名称1=1=1=1=初始值初始值初始值初始值1,1,1,1,变量名称变量名称变量名称变量名称2

28、=2=2=2=初始值初始值初始值初始值2 2 2 2.;.;.;.;一个一个一个一个varvarvarvar可以声明多个变量，其之间用可以声明多个变量，其之间用可以声明多个变量，其之间用可以声明多个变量，其之间用“,”分隔。分隔。分隔。分隔。4.3 JavaScript4.3 JavaScript的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式 4.3.3 4.3.3 变量变量变量变量 4.4.变量的作用域变量的作用域 对于变量还有一个重要性，那就是变量的作用域。在对于变量还有一个重要性，那就是变量的作用域。在对于变量还有一个重要性，那就是变量的作用域。

29、在对于变量还有一个重要性，那就是变量的作用域。在JavaScriptJavaScriptJavaScriptJavaScript中同样有全局变量和局部变量。全局变量是定义在中同样有全局变量和局部变量。全局变量是定义在中同样有全局变量和局部变量。全局变量是定义在中同样有全局变量和局部变量。全局变量是定义在所有函数体之外，其作用范围是全部函数；而局部变量是定义所有函数体之外，其作用范围是全部函数；而局部变量是定义所有函数体之外，其作用范围是全部函数；而局部变量是定义所有函数体之外，其作用范围是全部函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其他函数则是不在函数体之内，只对其该函数

30、是可见的，而对其他函数则是不在函数体之内，只对其该函数是可见的，而对其他函数则是不在函数体之内，只对其该函数是可见的，而对其他函数则是不可见的。可见的。可见的。可见的。4.3 JavaScript4.3 JavaScript的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式 4.3.3 4.3.3 变量变量变量变量 1.1.算术运算符算术运算符 JavaScriptJavaScriptJavaScriptJavaScript中的算术运算符有单目运算符和双目运算符。中的算术运算符有单目运算符和双目运算符。中的算术运算符有单目运算符和双目运算符。中的算术运算符

31、有单目运算符和双目运算符。双目运算符：双目运算符：双目运算符：双目运算符：+（加）、（加）、（加）、（加）、-（减）、（减）、（减）、（减）、*（乘）、（乘）、（乘）、（乘）、/（除）、（除）、（除）、（除）、%（取模）。（取模）。（取模）。（取模）。单目运算符：单目运算符：单目运算符：单目运算符：+（递加（递加（递加（递加1 1 1 1）、）、）、）、-（递减（递减（递减（递减1 1 1 1）。）。）。）。2.2.字符串运算符字符串运算符 字符串运算符字符串运算符字符串运算符字符串运算符“+”用于连接两个字符串。例如：用于连接两个字符串。例如：用于连接两个字符串。例如：用于连接两个字符串。例

32、如：abc+123abc+123abc+123abc+123。3.3.比较运算符比较运算符 比较运算符首先对它的操作数进行比较，然后再返回一个比较运算符首先对它的操作数进行比较，然后再返回一个比较运算符首先对它的操作数进行比较，然后再返回一个比较运算符首先对它的操作数进行比较，然后再返回一个truetruetruetrue或或或或falsefalsefalsefalse值，有值，有值，有值，有8 8 8 8个比较运算符：个比较运算符：个比较运算符：个比较运算符：（小于）、（小于）、（小于）、（小于）、=（大于）、（大于）、（大于）、（大于）、=（大于等于）、（大于等于）、（大于等于）、（大于等

33、于）、=（等于）、（等于）、（等于）、（等于）、!=!=!=!=（不等于）。（不等于）。（不等于）。（不等于）。4.3 JavaScript4.3 JavaScript的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式 4.3.4 4.3.4 运算符和表达式运算符和表达式运算符和表达式运算符和表达式 4.4.布尔运算符布尔运算符 在在在在JavaScriptJavaScriptJavaScriptJavaScript中增加了几个布尔逻辑运算符：中增加了几个布尔逻辑运算符：中增加了几个布尔逻辑运算符：中增加了几个布尔逻辑运算符：!（取反）、（取反）、（取反）

34、、（取反）、&=&=&=&=（与之后赋值）、（与之后赋值）、（与之后赋值）、（与之后赋值）、&（逻辑与）、（逻辑与）、（逻辑与）、（逻辑与）、|=|=|=|=（或之后赋值）、（或之后赋值）、（或之后赋值）、（或之后赋值）、|（逻辑或）、（逻辑或）、（逻辑或）、（逻辑或）、=（异或之后赋值）、（异或之后赋值）、（异或之后赋值）、（异或之后赋值）、（逻辑异或）、（逻辑异或）、（逻辑异或）、（逻辑异或）、?:?:?:?:（三目操作符）、（三目操作符）、（三目操作符）、（三目操作符）、|（或）、（或）、（或）、（或）、=（等于）、（等于）、（等于）、（等于）、|=|=|=|=（不等于）。（不等于）。（

35、不等于）。（不等于）。其中三目操作符主要格式如下：其中三目操作符主要格式如下：其中三目操作符主要格式如下：其中三目操作符主要格式如下：操作数操作数操作数操作数?结果结果结果结果1:1:1:1:结果结果结果结果2 2 2 2 若操作数的结果为真，则表达式的结果为结果若操作数的结果为真，则表达式的结果为结果若操作数的结果为真，则表达式的结果为结果若操作数的结果为真，则表达式的结果为结果1 1 1 1，否则为，否则为，否则为，否则为结果结果结果结果2 2 2 2。5.5.位运算符位运算符 位运算符分为位逻辑运算符和位移动运算符。位运算符分为位逻辑运算符和位移动运算符。位运算符分为位逻辑运算符和位移动

36、运算符。位运算符分为位逻辑运算符和位移动运算符。4.3 JavaScript4.3 JavaScript的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式的基本数据类型和表达式 4.3.4 4.3.4 运算符和表达式运算符和表达式运算符和表达式运算符和表达式 6.6.运算符的优先顺序运算符的优先顺序 表达式的运算是按运算符的优先级进行的。下面运算符按表达式的运算是按运算符的优先级进行的。下面运算符按表达式的运算是按运算符的优先级进行的。下面运算符按表达式的运算是按运算符的优先级进行的。下面运算符按其优先顺序由高到低排列：其优先顺序由高到低排列：其优先顺序由高到低排列：其优先顺序

37、由高到低排列：算术运算符：算术运算符：算术运算符：算术运算符：+、-、*、/、%、+、-。字符串运算符：字符串运算符：字符串运算符：字符串运算符：+。位移动运算符：位移动运算符：位移动运算符：位移动运算符：、。位逻辑运算符有：位逻辑运算符有：位逻辑运算符有：位逻辑运算符有：&、|、-、。比较运算符：比较运算符：比较运算符：比较运算符：、=、=、=、!=!=!=!=。布尔运算符：布尔运算符：布尔运算符：布尔运算符：!、&=&=&=&=、&、|=|=|=|=、|、=、?:?:?:?:、|、=、|=|=|=|=。4.3 JavaScript4.3 JavaScript的基本数据类型和表达式的基本数据

38、类型和表达式的基本数据类型和表达式的基本数据类型和表达式 4.3.4 4.3.4 运算符和表达式运算符和表达式运算符和表达式运算符和表达式 1.1.赋值语句赋值语句 赋值语句的功能是把右边表达式的值赋值给左边的变量。赋值语句的功能是把右边表达式的值赋值给左边的变量。赋值语句的功能是把右边表达式的值赋值给左边的变量。赋值语句的功能是把右边表达式的值赋值给左边的变量。其格式为：其格式为：其格式为：其格式为：变量名变量名变量名变量名 =表达式表达式表达式表达式 ;像像像像C C C C语言一样，语言一样，语言一样，语言一样，JavaScriptJavaScriptJavaScriptJavaScri

39、pt也可以采用变形的赋值运算符，也可以采用变形的赋值运算符，也可以采用变形的赋值运算符，也可以采用变形的赋值运算符，如如如如x+=yx+=yx+=yx+=y等同于等同于等同于等同于x=x+yx=x+yx=x+yx=x+y，其他运算符也一样。其他运算符也一样。其他运算符也一样。其他运算符也一样。2.2.注释语句注释语句 在在在在JavaScriptJavaScriptJavaScriptJavaScript的程序代码中，可以插入注释语句以增加程的程序代码中，可以插入注释语句以增加程的程序代码中，可以插入注释语句以增加程的程序代码中，可以插入注释语句以增加程序的可读性。注释语句有单行注释和多行注释

40、之分。序的可读性。注释语句有单行注释和多行注释之分。序的可读性。注释语句有单行注释和多行注释之分。序的可读性。注释语句有单行注释和多行注释之分。单行注释语句的格式为：单行注释语句的格式为：单行注释语句的格式为：单行注释语句的格式为：/注释内容注释内容注释内容注释内容 多行注释语句的格式为：多行注释语句的格式为：多行注释语句的格式为：多行注释语句的格式为：/*/*/*/*注释内容注释内容注释内容注释内容 注释内容注释内容注释内容注释内容*/4.4 JavaScript4.4 JavaScript的程序结构的程序结构的程序结构的程序结构 4.4.1 4.4.1 简单语句简单语句简单语句简单语句 4

41、.4.输入字符串输入字符串 在在在在JavaScriptJavaScriptJavaScriptJavaScript中常用的输入字符串的方法是利用中常用的输入字符串的方法是利用中常用的输入字符串的方法是利用中常用的输入字符串的方法是利用windowwindowwindowwindow对象的对象的对象的对象的prompt()prompt()prompt()prompt()方法以及表单的文本框。方法以及表单的文本框。方法以及表单的文本框。方法以及表单的文本框。(1)(1)(1)(1)用用用用windowwindowwindowwindow对象的对象的对象的对象的prompt()prompt()pr

42、ompt()prompt()方法输入字符串方法输入字符串方法输入字符串方法输入字符串 windowwindowwindowwindow对象的对象的对象的对象的prompt()prompt()prompt()prompt()方法的功能是弹出对话框，让用户方法的功能是弹出对话框，让用户方法的功能是弹出对话框，让用户方法的功能是弹出对话框，让用户输入文本，其格式为：输入文本，其格式为：输入文本，其格式为：输入文本，其格式为：prompt(prompt(prompt(prompt(提示字符串提示字符串提示字符串提示字符串,缺省值字符串缺省值字符串缺省值字符串缺省值字符串););););(2)(2)(2

43、)(2)用文本框输入字符串用文本框输入字符串用文本框输入字符串用文本框输入字符串 使用使用BlurBlur事件和事件和onBluronBlur事件处理程序，可以得到在文本框事件处理程序，可以得到在文本框中输入的字符串。中输入的字符串。BlurBlur事件和事件和onBluronBlur事件的具体解释可参考本事件的具体解释可参考本章后面的内容。章后面的内容。【例例4-54-5】【例例4-64-6】4.4 JavaScript4.4 JavaScript的程序结构的程序结构的程序结构的程序结构 4.4.1 4.4.1 简单语句简单语句简单语句简单语句 1.1.条件语句条件语句 JavaScript

44、JavaScriptJavaScriptJavaScript提供了提供了提供了提供了ifififif、if elseif elseif elseif else和和和和switchswitchswitchswitch三种条件语句。三种条件语句。三种条件语句。三种条件语句。条件语句也可以嵌套。条件语句也可以嵌套。条件语句也可以嵌套。条件语句也可以嵌套。(1)if(1)if(1)if(1)if语句语句语句语句 ifififif语句是最基本的条件语句，它的格式与语句是最基本的条件语句，它的格式与语句是最基本的条件语句，它的格式与语句是最基本的条件语句，它的格式与C+C+C+C+是一样的，是一样的，是一

45、样的，是一样的，其格式为：其格式为：其格式为：其格式为：if(if(if(if(条件条件条件条件)语句段语句段语句段语句段1;1;1;1;语句段语句段语句段语句段2;2;2;2;.;.;.;.;【例例例例4-74-74-74-7】4.4 JavaScript4.4 JavaScript的程序结构的程序结构的程序结构的程序结构 4.4.2 4.4.2 程序控制流程程序控制流程程序控制流程程序控制流程 (2)if else(2)if else语句语句 if elseif elseif elseif else语句的格式为：语句的格式为：语句的格式为：语句的格式为：if(if(if(if(条件条件条件

46、条件)语句段语句段语句段语句段1;1;1;1;else else else else 语句段语句段语句段语句段2;2;2;2;若若若若“条件条件条件条件”为为为为truetruetruetrue，则执行语句段则执行语句段则执行语句段则执行语句段1 1 1 1；否则执行语句段；否则执行语句段；否则执行语句段；否则执行语句段2 2 2 2。“条件条件条件条件”要用要用要用要用()()()()括起来。若括起来。若括起来。若括起来。若ifififif后的语句段有多行，则必须使后的语句段有多行，则必须使后的语句段有多行，则必须使后的语句段有多行，则必须使用花括号将其括起来。用花括号将其括起来。用花括号将

47、其括起来。用花括号将其括起来。4.4 JavaScript4.4 JavaScript的程序结构的程序结构的程序结构的程序结构 4.4.2 4.4.2 程序控制流程程序控制流程程序控制流程程序控制流程 (3)switch(3)switch语句语句 分支语句分支语句分支语句分支语句switchswitchswitchswitch根据一个变量的不同取值采取不同的处理根据一个变量的不同取值采取不同的处理根据一个变量的不同取值采取不同的处理根据一个变量的不同取值采取不同的处理方法。方法。方法。方法。switchswitchswitchswitch语句的格式为：语句的格式为：语句的格式为：语句的格式为：

48、switch(switch(switch(switch(变量变量变量变量)case case case case 特定数值特定数值特定数值特定数值1:1:1:1:语句段语句段语句段语句段1;1;1;1;break;break;break;break;case case case case 特定数值特定数值特定数值特定数值2:2:2:2:语句段语句段语句段语句段2;2;2;2;break;break;break;break;default:default:default:default:语句段语句段语句段语句段3;3;3;3;【例例例例4-84-84-84-8】4.4 JavaScript4.4

49、 JavaScript的程序结构的程序结构的程序结构的程序结构 4.4.2 4.4.2 程序控制流程程序控制流程程序控制流程程序控制流程 2.2.循环语句循环语句 JavaScriptJavaScriptJavaScriptJavaScript中提供了多种循环语句，有中提供了多种循环语句，有中提供了多种循环语句，有中提供了多种循环语句，有forforforfor、whilewhilewhilewhile和和和和do do do do whilewhilewhilewhile语句，还提供用于跳出循环的语句，还提供用于跳出循环的语句，还提供用于跳出循环的语句，还提供用于跳出循环的breakbrea

50、kbreakbreak语句，用于终止当前语句，用于终止当前语句，用于终止当前语句，用于终止当前循环并继续执行下一轮循环的循环并继续执行下一轮循环的循环并继续执行下一轮循环的循环并继续执行下一轮循环的continuecontinuecontinuecontinue语句，以及用于标记一语句，以及用于标记一语句，以及用于标记一语句，以及用于标记一个语句的个语句的个语句的个语句的labellabellabellabel。(1)for(1)for(1)for(1)for循环语句循环语句循环语句循环语句 forforforfor循环语句的格式为：循环语句的格式为：循环语句的格式为：循环语句的格式为：for