当前位置:
文档之家› 网页设计与制作 第9章 在网页中使用JavaScript
网页设计与制作 第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)注释语句 //:表示单行注释,从“//”开始到本行结束都为注释。 /*……*/ :表示多行注释,从“ /*” 开始到“ * /” 结束为 注释。