第4章JavaScript脚本技术优秀PPT.ppt

《第4章JavaScript脚本技术优秀PPT.ppt》由会员分享，可在线阅读，更多相关《第4章JavaScript脚本技术优秀PPT.ppt（46页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、WS-NE30-3-01 04-1北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有本章目标本章目标了解JavaScript的定义和基本概念了解JavaScript的基本语法了解基于对象编程方法了解事务驱动概念驾驭JavaScript中的对象驾驭JavaScript中的事务驾驭运用JavaScript处理表单WS-NE30-3-01 04-2北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.1 JavaScript基本概念基本概念JavaScript的概念以及特点的概念以及特点JavaScript和和Java的区分的区分程序运行环

2、境程序运行环境WS-NE30-3-01 04-3北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.1.1 JavaScript的概念以及特点的概念以及特点JavaScript是一种基于对象是一种基于对象(Object)和事务驱动和事务驱动(Event Driven)并具有平安性能的脚本语言。它是通过嵌入或调入在并具有平安性能的脚本语言。它是通过嵌入或调入在标准的标准的HTML语言中实现的。它的出现弥补了语言中实现的。它的出现弥补了HTML语言的语言的缺陷，可以开发客户端的应用程序。缺陷，可以开发客户端的应用程序。JavaScript具有以下几个基本特点：具有以

3、下几个基本特点：是一种脚本编写语言是一种脚本编写语言基于对象的语言基于对象的语言简洁性简洁性平安性平安性动态性动态性跨平台性跨平台性WS-NE30-3-01 04-4北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.1.2 JavaScript和和Java的区分的区分两种语言间的异同作如下比较：两种语言间的异同作如下比较：基于对象和面对对象基于对象和面对对象说明和编译说明和编译强变量和弱变量强变量和弱变量代码格式不一样代码格式不一样嵌入方式不一样嵌入方式不一样WS-NE30-3-01 04-5北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限

4、公司版权所有4.1.3 程序运行环境程序运行环境软件环境：软件环境：Windows 95/98或或Windows NT。Netscape Navigator x.0或或Internet Explorer x.0。用于编辑用于编辑HTML文档的字符编辑器文档的字符编辑器(Notepad等等)或或HTML文档编辑器。文档编辑器。硬件环境：硬件环境：基本内存基本内存32M。CRT至少须要至少须要256颜色，辨别率在颜色，辨别率在640X480以上。以上。CPU至少至少133以上。以上。鼠标和其它外部设备（依据须要选用）。鼠标和其它外部设备（依据须要选用）。WS-NE30-3-01 04-6北京清华万

5、博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.2 JavaScript的标识和说明语句的标识和说明语句语法:说明:通过标识通过标识.指明指明JavaScript脚本源代码将放脚本源代码将放入其间。通过属性入其间。通过属性Language=“JavaScript”说明标识中是使说明标识中是使用的何种语言。用的何种语言。语法:/语句语句说明:单行注释，单行注释，JavaScript将忽略这一行后面的语句。将忽略这一行后面的语句。语法:/*语句集语句集*/说明:注释多行，注释多行，JavaScript将忽略将忽略/*和和*/之间的所有语句。之间的所有语句。WS-NE30-

6、3-01 04-7北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.3 变量、变量类型、作用域、数组变量、变量类型、作用域、数组在在JavaScript中四种基本的数据类型：数值（整数和中四种基本的数据类型：数值（整数和实数）、字符串型（用实数）、字符串型（用“”号或号或括起来的字符括起来的字符或数值）、布尔型（使或数值）、布尔型（使True或或False表示）和空值。表示）和空值。在在JavaScript的基本类型中的数据可以是常量，也可的基本类型中的数据可以是常量，也可以变量。以变量。由于由于JavaScript接受弱类型的形式，因而一个数据的接受弱类型的

7、形式，因而一个数据的变量或常量不必首先作声明，而是在运用或赋值时变量或常量不必首先作声明，而是在运用或赋值时确定其数据的类型的。确定其数据的类型的。WS-NE30-3-01 04-8北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.3 变量、变量类型、作用域、数组（续）变量、变量类型、作用域、数组（续）常量常量整型常量整型常量实型常量实型常量布尔值布尔值字符型常量字符型常量空值空值特殊字符特殊字符WS-NE30-3-01 04-9北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.3 变量、变量类型、作用域、数组（续）变量、变量

8、类型、作用域、数组（续）变量的定义变量的定义变量的主要作用是存取数据、供应存放信息的容器。变量的主要作用是存取数据、供应存放信息的容器。变量的命名变量的命名变量以字母开头，中间可以出现数字除下划线作为连字符外，变量以字母开头，中间可以出现数字除下划线作为连字符外，变量名称不能有空格、加号、减号、逗号或其它符号。变量名称不能有空格、加号、减号、逗号或其它符号。不能运用不能运用JavaScript中的关键字作为变量。中的关键字作为变量。变量的类型变量的类型在在JavaScript中，变量可以不作声明，而在运用时再依据数据中，变量可以不作声明，而在运用时再依据数据的类型来确其变量的类型。的类型来确其

9、变量的类型。变量的声明及其作用域变量的声明及其作用域在在JavaScript中同样有全局变量和局部变量。全局变量是定义中同样有全局变量和局部变量。全局变量是定义在全部函数体之外，其作用范围是整个函数；而局部变量是在全部函数体之外，其作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其它函数定义在函数体之内，只对其该函数是可见的，而对其它函数则是不行见的。则是不行见的。WS-NE30-3-01 04-10北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.3 变量、变量类型、作用域、数组（续）变量、变量类型、作用域、数组（续）数组的定义数

10、组的定义语法:数组名数组名=new Array(数组元素个数数组元素个数)说明:其中数组名表示程序中需要使用的数组引用，数组元素其中数组名表示程序中需要使用的数组引用，数组元素个数表示这个数组中有多少个元素。个数表示这个数组中有多少个元素。WS-NE30-3-01 04-11北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.4 函数函数函数为程序设计人员供应了一个丰常便利的方法。通函数为程序设计人员供应了一个丰常便利的方法。通常在进行一个困难的程序设计时，总是依据所要完成常在进行一个困难的程序设计时，总是依据所要完成的功能，将程序划分为一些相对独立的部分，每部

11、分的功能，将程序划分为一些相对独立的部分，每部分编写一个函数。从而，使各部分充分独立，任务单一，编写一个函数。从而，使各部分充分独立，任务单一，程序清晰，易懂、易读、易维护。程序清晰，易懂、易读、易维护。WS-NE30-3-01 04-12北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.4 函数（续）函数（续）语法:function 函数名函数名（参数（参数,变元）变元）函数体函数体;return 表达式表达式;说明:当调用函数时当调用函数时,所用变量或自变量均可作为变元传递。所用变量或自变量均可作为变元传递。函数由关键字函数由关键字function定义。函

12、数名：定义自己函数定义。函数名：定义自己函数的名字。参数表，是传递给函数使用或操作的值，其的名字。参数表，是传递给函数使用或操作的值，其值可以是常量值可以是常量，变量或其它表达式。，变量或其它表达式。在在JavaScript中中可通过可通过arguments.length来检查参数的个数。来检查参数的个数。通过指通过指定函数名（实参）来调用一个函数。必须使用定函数名（实参）来调用一个函数。必须使用return将值返回。函数名对大小写是敏感的。将值返回。函数名对大小写是敏感的。WS-NE30-3-01 04-13北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.

13、5 运算符、表达式运算符、表达式在定义完变量后，就可以对它们进行赋值、变更、在定义完变量后，就可以对它们进行赋值、变更、计算等一系列操作，这一过程通常由表达式来完成，计算等一系列操作，这一过程通常由表达式来完成，可以说它是变量、常量、布尔及运算符的集合。表可以说它是变量、常量、布尔及运算符的集合。表达式可以分为算术表述式、字串表达式、赋值表达达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。式以及布尔表达式等。WS-NE30-3-01 04-14北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.5 运算符、表达式（续）运算符、表达式（续）Java

14、Script有双目运算符和单目运算符两种运算符。有双目运算符和单目运算符两种运算符。双目运算符由下列组成：双目运算符由下列组成：操作数 运算符 操作数单目运算符：单目运算符：只需一个操作数，其运算符可在前或后。即：操作数 运算符或者 运算符 操作数 WS-NE30-3-01 04-15北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.5 运算符、表达式（续）运算符、表达式（续）算术运算符算术运算符+（加）（加）、-（减）、（减）、*（乘）、（乘）、/（除）、（除）、%（取（取模）、模）、-（取反）、（取反）、+（递加（递加1）、）、-（递减（递减1）比较运算符

15、比较运算符(大于大于)、=(大于等于大于等于)、=(等于等于)、!=(不等于不等于)、=（确定等于）（确定等于）布尔逻辑运算符布尔逻辑运算符!（取反）、（取反）、&（逻辑与）、（逻辑与）、|（逻辑或）、（逻辑或）、（逻（逻辑异或）辑异或）三目运算符三目运算符表达式？结果：结果表达式？结果：结果WS-NE30-3-01 04-16北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.6 结构化程序设计基础结构化程序设计基础 结构化程序设计的基本思想结构化程序设计的基本思想 自顶向下，模块化，逐步求精。自顶向下，模块化，逐步求精。3种基本结构种基本结构依次结构、选择结

16、构和循环结构依次结构、选择结构和循环结构 3种基本结构的共同特点种基本结构的共同特点 只有一个入口。只有一个入口。只有一个出口。只有一个出口。结构内的每一部分都有机会被执行到。结构内的每一部分都有机会被执行到。结构内不存在结构内不存在“死循环死循环”。WS-NE30-3-01 04-17北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.6.1 结构化程序设计的基本思想结构化程序设计的基本思想结构化程序设计的基本思想是：自顶向下，模块化，结构化程序设计的基本思想是：自顶向下，模块化，逐步求精。任何程序都可以用三种基本结构的组合逐步求精。任何程序都可以用三种基本结

17、构的组合来实现。这三种基本结构是：依次结构、选择结构来实现。这三种基本结构是：依次结构、选择结构和循环结构。这三种结构都具有也只具有一个入口和循环结构。这三种结构都具有也只具有一个入口和一个出口。和一个出口。WS-NE30-3-01 04-18北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.6.2 程序的三种基本结构程序的三种基本结构 依次结构流程图画法：依次结构流程图画法：WS-NE30-3-01 04-19北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.6.2 程序的三种基本结构程序的三种基本结构（续）（续）分支结构流

18、程图画法：分支结构流程图画法：WS-NE30-3-01 04-20北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.6.2 程序的三种基本结构程序的三种基本结构（续）（续）循环结构流程图画法：循环结构流程图画法：WS-NE30-3-01 04-21北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.6.2 程序的三种基本结构程序的三种基本结构（续）（续）三种基本结构的共同特点：三种基本结构的共同特点：只有一个入口；只有一个出口；结构内的每一部分都有机会被执行到；结构内不存在“死循环”。WS-NE30-3-01 04-22北京清华

19、万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.6.3程序流程图程序流程图 N-S流程图流程图 1973年美国学者提出了一种新型流程图，也称盒图年美国学者提出了一种新型流程图，也称盒图特点：简洁明白，逻辑清晰，结构严谨特点：简洁明白，逻辑清晰，结构严谨WS-NE30-3-01 04-23北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.6.3程序流程图程序流程图（续）（续）N-SN-S图依次结构：图依次结构：WS-NE30-3-01 04-24北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.6.3

20、程序流程图程序流程图（续）（续）N-SN-S图分支结构：图分支结构：WS-NE30-3-01 04-25北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.6.3程序流程图程序流程图（续）（续）N-SN-S图循环结构：图循环结构：WS-NE30-3-01 04-26北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.7 JavaScript的流程限制的流程限制 在任何一种语言中，程序限制是必需的，它能使在任何一种语言中，程序限制是必需的，它能使得整个程序顺当的按程序设计者希望的方式和依得整个程序顺当的按程序设计者希望的方式和依次执

21、行。下面是次执行。下面是JavaScript常用的程序限制结构及常用的程序限制结构及语句，因为缺省状况下，程序是依据语句的依次语句，因为缺省状况下，程序是依据语句的依次来依次执行的，所以依次结构就是通过语句的依来依次执行的，所以依次结构就是通过语句的依次实现的。其他两种结构，分别是：次实现的。其他两种结构，分别是：分支结构分支结构循环结构循环结构WS-NE30-3-01 04-27北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.7 JavaScript的流程限制的流程限制（续）（续）分支结构：分支结构：语法:if（表述式）（表述式）语句段；语句段；else语

22、句段；语句段；说明:若表达式为若表达式为true，则执行语句段；否则执行语句段。，则执行语句段；否则执行语句段。WS-NE30-3-01 04-28北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.7 JavaScript的流程限制的流程限制（续）（续）分支结构分支结构：语法:Switch(变量名变量名)Case 值值1:语句段语句段1Case 值值2:语句段语句段2default:语句段语句段n说明:Switch分支语句用来实现多支判断，根据变量名指定的变量的变分支语句用来实现多支判断，根据变量名指定的变量的变量值和量值和case语句后面的值是否相等来决定是

23、否执行后面的语句，语句后面的值是否相等来决定是否执行后面的语句，如果都不相等，则执行如果都不相等，则执行default后面的语句。后面的语句。WS-NE30-3-01 04-29北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.7 JavaScript的流程限制的流程限制（续）（续）循环结构：循环结构：语法:while（条件）（条件）语句段语句段说明:当条件为真时，重复循环，否则退出循环。当条件为真时，重复循环，否则退出循环。WS-NE30-3-01 04-30北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.8 对象的基础学

24、问对象的基础学问对象的基本结构对象的基本结构JavaScript中的对象是由属性中的对象是由属性(properties)和方法和方法(methods)两个基本的元素构成的。两个基本的元素构成的。引用对象的途径引用对象的途径一个对象要真正地被运用，可接受以下几种方式获一个对象要真正地被运用，可接受以下几种方式获得：得：引用引用JavaScript内部对象；内部对象；由阅读器环境中供应；由阅读器环境中供应；创建新对象。创建新对象。WS-NE30-3-01 04-31北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.8 对象的基础学问（续）对象的基础学问（续）在在J

25、avaScript中供应了几个用于操作对象的语句和关中供应了几个用于操作对象的语句和关键字及运算符。键字及运算符。语法:For（对象属性名（对象属性名 in 已知对象名）已知对象名）循环体循环体说明:该该语语句句的的功功能能是是用用于于对对已已知知对对象象的的所所有有属属性性进进行行操操作作的的控控制循环。制循环。WS-NE30-3-01 04-32北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.8 对象的基础学问（续）对象的基础学问（续）语法:With（对象名）（对象名）循环体循环体说明:使使用用该该语语句句的的意意思思是是：在在该该语语句句体体内内，任任

26、何何对对变变量量的的引引用用被被认为是这个对象的属性。认为是这个对象的属性。WS-NE30-3-01 04-33北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.8 对象的基础学问（续）对象的基础学问（续）this关键字关键字this是对当前的引用，在是对当前的引用，在JavaScript由于对象的引用是由于对象的引用是多层次，多方位的，往往一个对象的引用又须要对另多层次，多方位的，往往一个对象的引用又须要对另一个对象的引用，而另一个对象有可能又要引用另一一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有可能造成混乱，为此个对象，这样有可能造成混乱，

27、为此JavaScript供应了供应了一个用于将对象指定当前对象的语句一个用于将对象指定当前对象的语句this。WS-NE30-3-01 04-34北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.8 对象的基础学问（续）对象的基础学问（续）对象属性的引用可由下列三种方式之一实现：对象属性的引用可由下列三种方式之一实现：运用点运算符运用点运算符通过对象的下标实现引用通过对象的下标实现引用通过字符串的形式实现通过字符串的形式实现WS-NE30-3-01 04-35北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.8 对象的基础学问

28、（续）对象的基础学问（续）对象下标：对象下标：语法:Objectnum说明:其其中中ObjectObject是是对对象象名名称称，numnum是是属属性性在在这这个个对对象象中中是是第第几几个属性的索引。个属性的索引。WS-NE30-3-01 04-36北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.8 对象的基础学问（续）对象的基础学问（续）字符串的形式字符串的形式：语法:Object“属性名称属性名称”说明:其其中中ObjectObject是是对对象象名名称称，numnum是是属属性性在在这这个个对对象象中中是是第第几几个个属属性性的的索引。索引。WS-

29、NE30-3-01 04-37北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.8 对象的基础学问（续）对象的基础学问（续）对象方法的运用：对象方法的运用：语法:Object“属性名称属性名称”说明:其其中中ObjectObject是是对对象象的的名名称称，MethodsMethods是是对对象象方方法法的的名名称。称。WS-NE30-3-01 04-38北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.9JavaScript的内置对象和方法的内置对象和方法JavaScript供应了一些特别有用的常用内部对象和供应了一些特别有

30、用的常用内部对象和方法。用户不须要用脚原来实现这些功能。这正是方法。用户不须要用脚原来实现这些功能。这正是基于对象编程的真正目的。基于对象编程的真正目的。在在JavaScript供应了供应了String（字符串）、（字符串）、Math（数（数值计算）和值计算）和Date（日期）三种对象和其他一些相关（日期）三种对象和其他一些相关的方法。从而为编程人员快速开发强大的脚本程序的方法。从而为编程人员快速开发强大的脚本程序供应了特别有利的条件。供应了特别有利的条件。WS-NE30-3-01 04-39北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.9.1常用内部对象

31、常用内部对象常用内部对象常用内部对象串对象串对象该对象只有一个属性，即该对象只有一个属性，即length。string对象的方法共有对象的方法共有个，主要用于有关字符串在个，主要用于有关字符串在Web页面中的显示、字体大小、字页面中的显示、字体大小、字体颜色、字符的搜寻以及字符的大小写转换。体颜色、字符的搜寻以及字符的大小写转换。算术函数的算术函数的math对象对象math中供应了个属性，它们是数学中常常用到的常数、中供应了个属性，它们是数学中常常用到的常数、以为底的自然对数、以为底的自然对数以为底的自然对数、以为底的自然对数LN2、3.14159的的PI、1/2的平方根的平方根SQRT1_2

32、,2的平方根为的平方根为SQRT2。主。主要方法有：确定值：要方法有：确定值：abs()、正弦余弦值：、正弦余弦值：sin(),cos()、反正弦、反正弦反余弦反余弦:asin(),acos()、正切反正切：、正切反正切：tan(),atan()、四舍五入：、四舍五入：round()、平方根：、平方根：sqrt()、基于几方次的值：、基于几方次的值：Pow(base,exponent)。日期刚好间对象日期刚好间对象Date对象没有供应干脆访问的属性。只具有获得和设置日期和对象没有供应干脆访问的属性。只具有获得和设置日期和时间的方法。时间的方法。WS-NE30-3-01 04-40北京清华万博网

33、络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.9.2JavaScript中的系统函数中的系统函数JavaScript中的系统函数中的系统函数JavaScript中的系统函数又称内部方法。它供应了中的系统函数又称内部方法。它供应了与任何对象无关的系统函数，运用这些函数不需创与任何对象无关的系统函数，运用这些函数不需创建任何实例建任何实例,可干脆用。可干脆用。返回字符串表达式中的值返回字符串表达式中的值返回字符串返回字符串ASCI码码返回字符的编码返回字符的编码返回实数返回实数返回不同进制的数返回不同进制的数WS-NE30-3-01 04-41北京清华万博网络技术股份有限公

34、司版权所有北京清华万博网络技术股份有限公司版权所有4.10JavaScript可以运用的阅读器对象可以运用的阅读器对象 对象模型如下图所示：对象模型如下图所示：WS-NE30-3-01 04-42北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.10.1窗口对象窗口对象JavaScript是基于对象的脚本编程语言，那么它的是基于对象的脚本编程语言，那么它的输入输出就是通过对象来完成的。其中有关输入输入输出就是通过对象来完成的。其中有关输入可通过窗口（可通过窗口（window）对象来完成，而输出可通）对象来完成，而输出可通过文档（过文档（document）对象的

35、方法来实现。）对象的方法来实现。窗口及输入输出窗口及输入输出窗口对象窗口对象窗口对象的事务驱动窗口对象的事务驱动窗口对象的方法窗口对象的方法窗口对象中的属性窗口对象中的属性输出流及文档对象输出流及文档对象WS-NE30-3-01 04-43北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.10.2文档对象文档对象文档对象是特别重要的文档对象是特别重要的,它位于最低层它位于最低层,但对于我们实现但对于我们实现Web页面信息交互起作关键作用。因而它是对象系统的核心部分。页面信息交互起作关键作用。因而它是对象系统的核心部分。document中三个主要的对象中三个主要

36、的对象anchor锚对象锚对象链接链接links对象对象窗体（窗体（Form）对象）对象文档对象中的文档对象中的attribute属性属性激活的链接颜色：激活的链接颜色：alinkcolor链接颜色：链接颜色：linkcolor阅读过后的颜色：阅读过后的颜色：VlinkColor背景颜色：背景颜色：bgcolor前景颜色：前景颜色：Fgcolor文档对象的基本元素文档对象的基本元素表单属性表单属性锚属性锚属性链接属性链接属性WS-NE30-3-01 04-44北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.11JavaScript的事务处理的事务处理 基本概

37、念基本概念JavaScript是基于对象是基于对象(object-based)的语言。而的语言。而基于对象的基本特征，就是接受事务驱动基于对象的基本特征，就是接受事务驱动(event-driven)。通常鼠标或热键的动作我们称之为事务，。通常鼠标或热键的动作我们称之为事务，而由鼠标或热键引发的一连串程序的动作，称之为而由鼠标或热键引发的一连串程序的动作，称之为事务驱动。而对事务进行处理的程序或函数，我们事务驱动。而对事务进行处理的程序或函数，我们称之为事务处理程序（称之为事务处理程序（Event Handler）。）。事务处理程序事务处理程序在在JavaScript中对象事务的处理通常由函数中

38、对象事务的处理通常由函数(Function)担当。其基本格式与函数全部一样，可担当。其基本格式与函数全部一样，可以将前面所介绍的全部函数作为事务处理程序。以将前面所介绍的全部函数作为事务处理程序。WS-NE30-3-01 04-45北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有4.11JavaScript的事务处理的事务处理（续）（续）事务驱动事务驱动单击事务单击事务onclick变更事务变更事务onchange选中事务选中事务onselect获得焦点事务获得焦点事务onfocus失去焦点失去焦点onblur载入文件载入文件onload卸载文件卸载文件onun

39、load鼠标左键按下鼠标左键按下onmousedown鼠标左键抬起鼠标左键抬起onmouseup获得鼠标获得鼠标onmouseover失去鼠标失去鼠标onmouseoutWS-NE30-3-01 04-46北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有本章总结：本章总结：了解了解JavaScript的基本概念：的基本概念：JavaScript是一种基于对象（是一种基于对象（Object）和事务驱动（和事务驱动（Event Driven）并具有平安性能的脚本语言）并具有平安性能的脚本语言JavaScript的基本特点的基本特点是一种脚本编写语言。是一种脚本编写语言。基于对象的语言。基于对象的语言。简洁性。简洁性。平安性。平安性。动态性。动态性。跨平台性。跨平台性。驾驭驾驭JavaScript的基本语法的基本语法娴熟驾驭娴熟驾驭JavaScript中的对象，主要是中的对象，主要是window、document对象等常对象等常用对象。用对象。驾驭事务驱动概念娴熟驾驭驾驭事务驱动概念娴熟驾驭JavaScript中的事务，例如中的事务，例如onmouseover、onmouseout、onsubmit等。等。娴熟驾驭运用娴熟驾驭运用JavaScript处理表单，例如表单内容的验证等。处理表单，例如表单内容的验证等。