网页制作教程教学课件 Ch10.ppt

《网页制作教程教学课件 Ch10.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、通过本章学习，应该掌握以下内容：JavaScript语言基础在网页中插入JavaScript脚本语言的方法CSS属性在网页中应用DHTML技术第10章JavaScript和DHTML技术10.1在网页中使用JavaScript10.1.1JavaScript概述1．JavaScript语言基础（1）JavaScript变量与其他编程语言一样，JavaScript也是采用变量存储数据。与Java和其他一些高级语言不同，JavaScript并不要求指定变量中包含的数据类型。在JavaScript中，可以简单地用var来定义所有的变量，而变

2、量的类型由赋值语句隐含确定。例如:如果赋予变量money数字值1000，则money可参与整型操作；如果赋予该变量字符串值"Thisismymoney"，则它可以参与字符串操作；同样，如果赋予它逻辑值false，则它可以支持逻辑操作。变量还可以先赋予一种类型的数值，然后再根据需要赋予其他类型的数值。JavaScript支持的数据类型有：数字、布尔、字符串、未定义、对象等类型。（2）JavaScript运算符①算术运算符包括：+、-、*、/、%、++、--等。②逻辑运算符包括：&&、

3、

4、、！等。③比较运算符包括：<、<=、>、>=、==

5、、！=等。④字符串运算符包括：+，用于连接两个字符串。⑤位操作运算符&、

6、、^、-、~、<<、>>、>>>等。⑥赋值运算符包括：=、+=、-=、*=、／=、％=、&=、

7、=、^=、<<=、>>=、>>>=等。⑦条件运算符包括：?。⑧其他运算符大多数JavaScript运算符都是双目运算符，即具有两个操作数的运算符，通常用以下方式进行操作：操作数1运算符操作数2（3）JavaScript表达式表达式是运算符和操作数的组合。表达式通过求值确定表达式的值，这个值是对操作数实施运算符所确定的运算后产生的结果。有些运算符将数值赋予一个变量，而另

8、一些运算符则可以用在其他表达式中。（4）JavaScript语句①条件语句在JavaScript中提供了if语句、ifelse语句以及switch语句等三种条件语句。if语句是最基本的条件语句，它的格式为：if（条件）语句段；ifelse语句的格式为：if（条件）语句段1；else语句段2；switch语句格式如下：switch（条件）{casevalue1:语句段1;casevalue2：语句段2;casevalue3：语句段3;…default：语句段4；}②循环语句循环语句用于在一定条件下重复执行某段代码。在JavaScript

9、中提供了多种循环语句：for语句格式如下：for（初始化；条件；增量）{语句段；}while语句是另一种基本的循环语句，格式如下：while（条件）{语句段；}dowhile语句是while语句的变体，格式如下：do{语句段；}while（条件）break语句提供无条件跳出循环结构或switch语句的功能。continue语句作用是终止当次循环，跳转到循环的开始处继续下一轮循环。break语句和continue语句既可以单独使用，也可以与语句标号一起使用。（5）JavaScript函数函数是已命名的代码块，代码块中的语句被作为一个整体

10、引用和执行。在使用函数之前，必须先定义函数。函数定义通常放在HTML文档头中，但也可以放在其他位置。但通常最好放在文档头，这样就可以确保先定义后使用。定义函数的格式如下：function函数名（参数1，参数2，．．．）{语句段；…return表达式；}函数名是调用函数时引用的名称，参数是调用函数时接收传入数值的变量名。大括号中的语句是函数的执行语句，当函数被调用时执行。如果需要函数返回值，可以使用return语句，需要返回的值应放在return之后。2．使用JavaScript内部对象对象就是客观世界中存在的特定实体。在计算机世界中，

11、也包含各种各样的对象。例如，一个Web页可以被看作一个对象，它包含背景颜色、前景颜色等特性，同时包含打开、关闭、读写等动作。因此可以说，对象包含两个要素：属性用来描述对象特性的一组数据，也就是若干变量；方法用来操作对象特性的若干动作，也就是若干函数。通过访问或设置对象的属性，并且调用对象的方法，可以对对象进行各种操作，从而获得需要的功能。在JavaScript中可以操作的对象通常包括两种类型：浏览器对象和JavaScript内部对象。浏览器对象是指文档对象模型规定的对象，例如HTML元素对象、document对象、window对象等；

12、JavaScript内部对象包括一些常用的通用对象，例如数组对象Array、日期对象Date、数学对象Math等。10.1.2JavaScript应用实例1．在网页中使用JavaScript的方法在网页中使用脚本的方法有