网页设计与制作 第9章 在网页中使用JavaScript

onmouseover 和 onmouseout 事件，分别表示鼠标移
上去和移开时发生的事件。
（3）document对象的常用方法
document对象的常用方法有clear、write和writen
方法。 ① clear方法
clear方法一经调用将清除当前窗口中的内容。注
意，它既不改变由HTML定义的文档的实际内容， 也不清除变量值等其它内容，而只是将显示区清空。
（3）do while语句 do { 语句段； } while（条件） （4）break语句 break 语句提供无条件跳出循环结构或 switch 语句 的功能。 （5）continue语句 continue语句的作用是终止当次循环，跳转到循环 的开始处继续下一轮循环。
4．其他语句
除了以上条件语句和循环语句以外， JavaScript
（3）switch语句 如果需要对同一个表达式进行多次判断，那么 就可以使用switch语句，格式如下： switch（条件） {case value1: 语句段1; case value2：语句段2; case value3：语句段3; … default：语句段4；}
3．循环语句
（1）for语句 for（初始化；条件；增量） { 语句段； } （2）while语句 while（条件） { 语句段； }
1．document对象
document对象代表当前浏览器窗口中的文档，
使用它可以访问到文档中的所有其他对象（例如
图像、表单等），因此该对象是实现各种文档功 能的最基本对象。
（1）document对象的常用属性
document对象最常用的属性如下：
all 表示文档中所有HTML标记符的数组。
bgcolor 表示文档的背景颜色。
2．Date对象
创建日期对象可以使用以下 4 种构造函数中的一 种： • var variable=new Date（） • var variable=new Date（milliseconds）
• var variable=new Date（string）
• var variable=new Date （ year ， month ， day ， hours，minutes，seconds，milliseconds） （1）获取Date对象的常用方法 （2）设置Date对象的常用方法
3．Math对象
Math对象包含用来进行数学计算的属性和方法。 （1）Math对象的主要属性 Math中提供了6个属性，即：常数E、以10为底 的自然对数ln10、以2为底的自然对数 ln2、圆周率PI （ 3.1 4159 ） 、 1/2 的 平 方 根 SQRT1-2 、 2 的平 方 根
SQRT2。
9.2 JavaScript编程基础
9.2.1 JavaScript变量
所谓变量，就是程序中一个已命名的存储单元。
变量的主要作用是存取数据和提供存放信息的容器。
JavaScript 支持的数据类型如下： Number （数
字） 、Boolean（布尔） 、String（字符串） 、Null
（空） 、Undefined（未定义） 、Object（对象） 。
9.3.2 事件类型
1．单击事件onClick
当用户单击鼠标按钮时，产生 onClick 事件，同时 onClick 指 定 的 事 件 处 理 程 序 或 代 码 被 调 用 执 行 。
OnClick事件通常在下列基本对象中产生：
（1）button（按钮） （2）checkbox（复选框） （3）radio（单选按钮） （4）reset button（重置按钮）
（4）字符串运算符 ：+（字符串接合操作）
（5）位操作运算符：&、|、^、-、~、<<、>>、>>> （7）条件运算符：：？： （8）其他运算符：．、[ ] 、（） 、delete 、new 、void
（6）赋值运算符：=、+= 、-=、*=、 ／=、 ％=、 &=、
9.2.3 JavaScript表达式
常用的对象，即String对象、Date对象和Math对象。
1．String对象
String对象用来存放字符串，是静态对象。
（1）String对象的属性
String 对象只有一个属性，即 length ，它表示字符
串中的所有的字符个数，包括所有符号。
（2）String对象的方法 String 对象的方法主要用于有关字符串在 Web 中 的显示、字体大小、颜色、大小写转换等。String对 象有19个方法。
9.3 JavaScript的事件驱动
9.3.1 什么是事件
通常鼠标或热键的动作称为事件（ Event ）， 而由鼠标或热键引发的一连串程序的动作称为事件
驱动（Event Driver）。比如，当单击鼠标按钮时
就产生一个单击（ onClick ）事件，当打开一个网
页时就产生一个网页的载入（onLoad）事件。
9.1.3 在网页中使用JavaScript
（1）使用SCRIPT标记符插入脚本 在网页中最常用的一种插入脚本的方式是使用 SCRIPT 标 记 符 ， 方 法 是 ： 把 脚 本 标 记 符
<SCRIPT></SCRIPT> 置于网页上的 HEAD 部分或
BODY 部分，然后在其中加入脚本程序。尽管可以
5．失去焦点事件onBlur
与 onFocus 事件相反，当前激活表单元素从激 活状态变为非激活状态，即不再拥有焦点、而退 到后台时，引发该事件。
6．鼠标移动事件onMouseOver
当鼠标指针位于超链接上时，产生 onMouseOver事件。
7．载入文件onLoad
当文档载入时引发该事件。 OnLoad 事件的作
对象的脚本语言，用于客户端与服务器端的应用程序。
全性能的脚本语言。和VBScript一样，它可以被嵌入
到HTML文件中，能直接被浏览器执行，从而产生各 种各样的动态网页效果。 JavaScript 弥补了 HTML语
言 的 缺 陷 ， 它 与 HTML 、 CSS 结 合 被 人 们 称 为
DHTML。
表达式是运算符和操作数的组合。表达式通过求 值确定表达式的值，这个值是对操作数实施运算符 所确定的运算后产生的结果。有些运算符将数值赋 予一个变量，而另一些运算符则可以用在其他表达 式中。 由于表达式是以运算符为基础的，因此表达式可 以分为算术表达式、字符串表达式、赋值表达式以
及逻辑表达式等等。
9.2.4 JavaScript语句 1．一般语句
（ 2）Math对象的主要方法
Math对象的主要方法有：
求绝对值：abs（）。 求正弦、余弦值：sin（），cos（）。 求反正弦、反余弦值：asin（），acos（）。 求正切、反正切值：tan（），atan（）。
四舍五入：round（）。
求平方根：sqrt（）。
9.4.2 浏览器对象
常用的浏览器有document对象和Windows对象。
在JavaScript中定义变量应遵循以下规则：
• 必须以字母或下划线（_）开头。
• 在所说明的范围内必须是唯一的。
• 用var来定义变量，也可以用赋值语句声明变量，但
不能既不用var声明变量，又不给它赋值。
9.2.2 JavaScript运算符
在JavaScript中包括以下8类运算符：
（1）算术运算符 ：+、-、*、/、%、++ 、-（2）逻辑运算符：&&、||、！ （3）比较运算符： <、<=、>、>=、= =、！=
forms 表示文档中所有表单的数组。 title 表示文档的标题。
在客户端脚本中，JavaScript通过对事件进行响
应来获得与用户的交互。
document 对象的常用事件有： onclick 事件， 表示鼠标单击时产生的事件； onload 事件，表示在 文档装载完毕时产生的事件； onunload 事件，表示 在文档卸载完毕时产生的事件。另外还有
中还包括以下语句：
函数调用语句 return语句 with语句 函数调用语句用于调用函数。 用于返回函数调用的值。
用于表示默认对象。
for in语句 用于对一个对象的所有属性进行循环，
直到每个属性都访问到。
9.2.5 JavaScript函数
数是已命名的代码块，代码块中的语句被作为一个 整体引用和执行。 定义函数的格式如下： function 函数名（参数1，参数2，．．．） { 语句段； … return 表达式； }
用是在首次载入一个文档时检测cookie的值，并用 一个变量为其赋值，使其可以被源代码调用。
8．卸载文在件onUnload
当Web页面退出时引发onUnload事件。
9.4 JavaScript的对象
对象就是客观世界中存在的特定实体。
9.4.1 JavaScript的内部对象
JavaScript 提供了一些内部对象，下面介绍三种
2．Window对象
Window对象拥有12个属性、8种方法和 2种事件。 （1）Window对象的属性 Window对象拥有以下属性： name属性：当前窗口的名字。 parent属性：该属性是一个窗口对象，它是当前 窗口的父窗口，它拥有与生俱来的窗口的所有方法 和事件。 self属性：该属性是当前窗口的Window对象。
（1）数据声明语句 声明变量的语法如下： var 变量名[=初始值] （2）赋值语句 赋值语句是由赋值表达式组成的语句。 （3）注释语句 //：表示单行注释，从“//”开始到本行结束都为注释。 /*……*/ ：表示多行注释，从“ /*” 开始到“ * /” 结束为 注释。