网页制作教程（第二版） 齐建玲 CH10 在网页中使用脚本语言

《网页制作教程（第二版） 齐建玲 CH10 在网页中使用脚本语言》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、通过本章学习，应该掌握以下内容：JavaScript的特点及运行环境JavaScript编程基础JavaScript事件驱动JavaScript的对象第10章在网页中使用JavaScript10.1脚本语言简介JavaScript是Netscape公司推出的跨平台、基于对象的脚本语言，用于客户端与服务器端的应用程序。JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。和VBScript一样，它可以被嵌入到HTML文件中，能直接被浏览器执行，从而产生各种各样的动态网页效果。JavaScript弥

2、补了HTML语言的缺陷，它与HTML、CSS结合被人们称为DHTML。（1）脚本编写语言（2）基于对象（3）简单性（4）安全性（5）动态性（6）跨平台10.1.1JavaScript的特点10.1.2JavaScript的运行和编辑环境运行环境：InternetExplorer4.0或NetscapeNavigator3.0以上。编辑环境：任何可以编辑HTML文档的文本编辑器或专门的网页编辑器（FrontPage、Dreamweaver等）。（1）使用SCRIPT标记符插入脚本在网页中最常用的一种插入脚本的方式

3、是使用SCRIPT标记符，方法是：把脚本标记符置于网页上的HEAD部分或BODY部分，然后在其中加入脚本程序。尽管可以在网页上的多个位置使用SCRIPT标记符，但最好还是将脚本代码放在HEAD部分，以确保容易维护。10.1.3在网页中使用JavaScript①书写JavaScript时应注意大小写.②在JavaScript中，行尾用换行符作为一行完整代码的终止字符.③若需要将几行代码放在一行中，应使用分号将它们分开.④在JavaScript中，/*和*/也是注释标记。用户在编写

4、JavaScript时应注意以下几点：（2）直接添加脚本HTML可以直接在表单的输入元素标记符内添加脚本，以响应输入元素的事件。（3）链接脚本文件如果同一段脚本要在若干个Web页中使用，则没有必要在多处维护相同的冗余代码，此时可以将脚本放在单独的一个文件里，然后再在任何需要该文件的Web页中调用该文件。要引用外部脚本文件，应使用SCRIPT标记符的src属性来指定外部脚本文件的URL。所谓变量，就是程序中一个已命名的存储单元。变量的主要作用是存取数据和提供存放信息的容器。JavaScript支持的数据类型如下：

5、Number（数字）、Boolean（布尔）、String（字符串）、Null（空）、Undefined（未定义）、Object（对象）。10.2JavaScript编程基础10.2.1JavaScript变量在JavaScript中定义变量应遵循以下规则：必须以字母或下划线（_）开头。在所说明的范围内必须是唯一的。用var来定义变量，也可以用赋值语句声明变量，但不能既不用var声明变量，又不给它赋值。10.2.2JavaScript运算符在JavaScript中包括以下8类运算符：（1）算术运算符：+、-、*

6、、/、%、++、--（2）逻辑运算符：&&、

7、

8、、！（3）比较运算符：<、<=、>、>=、==、！=（4）字符串运算符：+（字符串接合操作）（5）位操作运算符：&、

9、、^、-、~、<<、>>、>>>（6）赋值运算符：=、+=、-=、*=、／=、％=、&=、（7）条件运算符：：？：（8）其他运算符：．、[]、（）、delete、new、void10.2.3JavaScript表达式表达式是运算符和操作数的组合。表达式通过求值确定表达式的值，这个值是对操作数实施运算符所确定的运算后产生的结果。有些运算符将数值赋予一

10、个变量，而另一些运算符则可以用在其他表达式中。由于表达式是以运算符为基础的，因此表达式可以分为算术表达式、字符串表达式、赋值表达式以及逻辑表达式等等。10.2.4JavaScript语句（1）数据声明语句声明变量的语法如下：var变量名[=初始值]（2）赋值语句赋值语句是由赋值表达式组成的语句。1．一般语句（3）注释语句//：表示单行注释，从“//”开始到本行结束都为注释。/*……*/：表示多行注释，从“/*”开始到“*/”结束为注释。在JavaScript中提供了if语句、ifelse语句以及switch语句

11、等三种条件语句。（1）if语句if（条件）语句段；（2）ifelse语句if（条件）语句段1；else语句段2；2．条件语句（3）switch语句如果需要对同一个表达式进行多次判断，那么就可以使用switch语句，格式如下：switch（条件）{casevalue1:语句段1;casevalue2：语句段2;casevalue3：语句段3;…default：语句段4；}（1）for语句