第4课JavaScript.ppt

《第4课JavaScript.ppt》由会员分享，可在线阅读，更多相关《第4课JavaScript.ppt（65页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、JavaScript介绍介绍2013年9月主要内容主要内容1概述概述2编程基础编程基础3事件驱动事件驱动4内置对象内置对象5浏览器常用对象浏览器常用对象JavaScriptJavaScript概述概述oJavaScriptJavaScript是由网景公司开发的一种跨平台，是由网景公司开发的一种跨平台，面向对象面向对象(object-oriented)(object-oriented)的网页脚本语的网页脚本语言言(Web Script Language)(Web Script Language)，是目前流行的，是目前流行的网页特效设计语言。网页特效设计语言。o JavaScript JavaSc

2、ript代码可直接嵌入代码可直接嵌入HTMLHTML文件中，文件中，随网页一起传送到客户端浏览器，然后通过随网页一起传送到客户端浏览器，然后通过浏览器来解释执行。浏览器来解释执行。JavaScriptJavaScript概述概述2.JavaScript2.JavaScript的特点的特点o 脚本编写语言脚本编写语言o 解释性执行语言解释性执行语言o 基于对象的语言基于对象的语言 o 简单性简单性o 安全性安全性o 动态性动态性o 跨平台跨平台JavaScriptJavaScript概述概述3.JavaScript3.JavaScript的功能的功能o 制作网页特效制作网页特效o 提供表单前端验

3、证提供表单前端验证o 窗口动态操作窗口动态操作o 提高浏览器交互性提高浏览器交互性使用使用JavaScript的的方式oJavaScriptJavaScript可以出现在可以出现在HTMLHTML的任意地方。使用标的任意地方。使用标记记 script，可以在可以在HTMLHTML文档的任意文档的任意地方插入地方插入JavaScriptJavaScript。o基本格式基本格式 !-/-/script 使用使用JavaScript的的方式在在HTMLHTML文档中嵌入文档中嵌入JavaScriptJavaScript代码代码在在HTMLHTML标记中直接写入标记中直接写入JavaScriptJav

4、aScript代码代码o例如：例如：P 鼠标移鼠标移过来过来 function=check()alert(f1.sid.value);return true;使用使用JavaScript的的方式在在HTMLHTML文档中嵌入文档中嵌入JavaScriptJavaScript代码代码将将JavaScriptJavaScript代码放入代码放入标记符中标记符中例如：例如：document.writedocument.write(“(“欢迎学习欢迎学习JavaScript!);JavaScript!);使用使用JavaScript的的方式在在HTMLHTML文档中嵌入文档中嵌入JavaScriptJ

5、avaScript代码代码将代码独立存储为以将代码独立存储为以 .jsjs 为扩展名的文件，为扩展名的文件，利用利用SRCSRC属性将该文件调入属性将该文件调入例如，主文件是：例如，主文件是：script sub.jssub.js文件内容如下：文件内容如下：document.writedocument.write(“(“这里是在被调入文件中这里是在被调入文件中!);!);使用使用JavaScript的的方式o也可以用在连接中：也可以用在连接中：a a hrefhref=javascriptjavascript:JavaScript:.ao在浏览器的在浏览器的“地址地址”栏中执行栏中执行Java

6、ScriptJavaScript语语句，用这样的格式：句，用这样的格式：javascriptjavascript:JavaScript:JavaScriptJavaScript编程基础编程基础JavaScriptJavaScript编程基础编程基础1.1.数据类型数据类型o数值数值(Number)(Number)：包含整数或浮点数。：包含整数或浮点数。o逻辑值逻辑值(Logical)(Logical)：取值为：取值为truetrue或或falsefalse。o字符串字符串(String)(String)：用单引号或双引号括起来：用单引号或双引号括起来的零个或多个单一的字符所组成。的零个或多个单

7、一的字符所组成。o空值空值(null)(null)：表示没有值，取唯一值：表示没有值，取唯一值”null”null”，大小写敏感。，大小写敏感。o未定义值未定义值(undefined)(undefined)：表示尚未定义值。：表示尚未定义值。JavaScriptJavaScript编程基础编程基础2.2.数据类型转换数据类型转换a)a)自动数据类型转换自动数据类型转换o如果表达式中用（如果表达式中用（+）运算符，且其中一个操作数）运算符，且其中一个操作数为字符串，另一个操作数为数值时，为字符串，另一个操作数为数值时，JavaScriptJavaScript自动将数值转成字符串。自动将数值转成字

8、符串。例如例如：varvar x=”x=”我今年我今年”+18;+18;结果：结果：x=“x=“我今年我今年18”18”o如果表达式中用了其它运算符，如果表达式中用了其它运算符，JavaScriptJavaScript自动自动将字符串转成数值。将字符串转成数值。例如：例如：varvar x=”30”/5;x=”30”/5;结果：结果：x=6x=6JavaScript编程基础b)b)数据类型转换函数数据类型转换函数oevaleval(字符串字符串)：将传入的字符串参数内容，将传入的字符串参数内容，转换成相应的数值，例如：转换成相应的数值，例如：y=eval(“15”)+8;y=eval(“15”

9、)+8;结果：结果：y=23y=23o parseIntparseInt(字符串，字符串，底数底数)：将传入的字将传入的字符串，转换成指定底数的数值。符串，转换成指定底数的数值。o parseFloatparseFloat(字符串字符串)：将传入的字符串，将传入的字符串，转换成浮点数值。转换成浮点数值。JavaScript的变量3.3.变量变量a a）变量命名变量命名o以字母或下划线开头（不能以数字开头），后面接数字或其它以字母或下划线开头（不能以数字开头），后面接数字或其它字母。字母。o变量名区分大小写。变量名区分大小写。b b）变量的声明变量的声明o变量声明格式：变量声明格式：varvar

10、 变量名变量名;varvar变量名变量名=数值数值;o变量声明时，不必定义类型，所有类型均由小写的变量声明时，不必定义类型，所有类型均由小写的varvar声明。声明。JavaScript编程基础c）变量的作用域：全局变量(Global variable)和局部变量(Local variable)document.title=变量的作用域实例;var gv=JavaScript;/gv是全局变量 document.write(test函数的输出：);test();function test()var lv=“JavaScript;/lv是局部变量 document.write(gv=+gv+);

11、document.write(lv=+lv+);document.write(document的输出：);document.write(gv=+gv+);document.write(lv=+lv+);对变量的使用对变量的使用o通过通过form中控件和变量，在网页上传递和中控件和变量，在网页上传递和处理参数。处理参数。要求在要求在htmlhtml中的各个控件，使用中的各个控件，使用NameName属性做属性做出标识。出标识。JavaScript编程基础4.4.常量常量o字符串常量（字符串常量（String LiteralsString Literals）n一般字符串常量一般字符串常量n特殊字符

12、的字符串常量特殊字符的字符串常量o布尔常量（布尔常量（Boolean LiteralsBoolean Literals）：）：truetrue或或falsefalse。o整数常量（整数常量（Integers LiteralsIntegers Literals）o浮点常量（浮点常量（Floating-Point LiteralsFloating-Point Literals）o数组常量（数组常量（Array LiteralsArray Literals）JavaScript编程基础5.5.运算符运算符o双目运算符：双目运算符：+（加）（加）、-（减）、（减）、*（乘）、（乘）、/（除）、（除）、

13、%（取模）（取模）、|（按位或）、（按位或）、&(&(按位与按位与)、（右移）、（右移）、（右移，零填充）。（右移，零填充）。o单目运算符：单目运算符：-（取反）、（取反）、（取补）、（取补）、+（递加（递加1 1）、）、-（递减（递减1 1）。）。JavaScript编程基础5.5.运算符运算符比较运算符：比较运算符：o(大于大于)、=(=(=(大于等于大于等于)、=(=(等于等于)、!=(!=(不等于不等于)。布尔逻辑运算符：布尔逻辑运算符：o!（取反（取反)、&=&=（与之后赋值）、（与之后赋值）、&（逻辑与）、（逻辑与）、|=|=（或之后赋值）、（或之后赋值）、|（逻辑或）、（逻辑或）

14、、=（异或之（异或之后赋值）、后赋值）、（逻辑异或）、（逻辑异或）、?:?:（三目操作符）、（三目操作符）、|（或）、（或）、=(=(等于等于)、|=(|=(不等于不等于)。JavaScript编程基础5.5.运算符运算符三目操作符主要格式如下：三目操作符主要格式如下：操作数？结果：结果操作数？结果：结果若操作数的结果为真，则表述式的结果为结果，若操作数的结果为真，则表述式的结果为结果，否则为结果。否则为结果。JavaScript流程结构6.程序控制流程程序控制流程a）选择结构if if 语句语句elseelse 语句语句 if if 语句组语句组 elseelse 语句组语句组 if if

15、语句组语句组 else if else if 语句组语句组 elseelse 语句组语句组 JavaScript流程结构a a）选择结构）选择结构Switch结构：switch()case：；case：；default：；JavaScriptJavaScript流程结构流程结构ob b）循环结构）循环结构owhile(while()语句组语句组 odo do 语句或语句组语句或语句组 while(while()ofor(for(初始值初始值；条件条件；增量增量)JavaScript流程结构ob b）循环结构）循环结构for(for(变量变量 in in 对象对象 )with(with()wit

16、h(document)with(document)write(write(限时抢购物品：限时抢购物品：););write(write(ViewSonicViewSonic 19 19 显示器。显示器。););write(EPSON write(EPSON 打印机。打印机。););JavaScript的函数7.JavaScript函数o 系统函数o 用户自定义函数JavaScript的函数1)1)编码函数编码函数o功能：功能：将字符串中非文字、数字字符（如将字符串中非文字、数字字符（如&,%,#,&,%,#,空格符空格符）转成相对应的转成相对应的ASCIIASCII值。值。o语法：语法：esca

17、pe(escape(字符串字符串)2)2)译码函数译码函数o功能：功能：与与escape()escape()相反，将相反，将ASCIIASCII字符转回一般数字。字符转回一般数字。o语法：语法：unescapeunescape(字符串字符串)3)3)求值函数求值函数o功能：功能：通常有两个用途，一个用作字符串的运算，另一个用来通常有两个用途，一个用作字符串的运算，另一个用来指出操作对象。指出操作对象。o语法：语法：evaleval(表达式表达式)JavaScript的函数4)4)数值判断函数数值判断函数o功能：功能：判断变量的值是否为数值，判断变量的值是否为数值，“NaNNaN”代表代表“No

18、t a Number”Not a Number”，若返回值为，若返回值为truetrue，则表示自变，则表示自变量不是数值。量不是数值。o语法：语法：isNaNisNaN(测试值测试值)o举例：举例：varvar x=15,y=“x=15,y=“变量示意变量示意;document.writedocument.write(x(x 不是数值吗？不是数值吗？,isNaN(xisNaN(x););document.writedocument.write(y(y 不是数值吗？不是数值吗？,isNaN(yisNaN(y););o执行结果：执行结果：x x 不是数值吗？不是数值吗？false false o

19、 y y 不是数值吗？不是数值吗？truetrueJavaScript的函数5)5)转成整数函数转成整数函数o功能：功能：将各种进制的数值转成十进制整数值。将各种进制的数值转成十进制整数值。o格式：格式：parseIntparseInt(字符串字符串，底数，底数)o举例：举例：/二进位转成十进位二进位转成十进位 document.write(11012=document.write(11012=,parseInt(1101,2),10 ,parseInt(1101,2),10););/十六进位转成十进位十六进位转成十进位 document.write(BFFFdocument.write(BF

20、FF16=16=,parseInt(BFFFparseInt(BFFF,16),10,16),10););JavaScript的函数6)6)转成浮点函数转成浮点函数o功能：功能：将字符串转成浮点数值。将字符串转成浮点数值。o格式：格式：parseFloatparseFloat(字符串字符串)o举例：举例：document.write(parseInt(3.123456),document.write(parseInt(3.123456),););document.write(parseFloat(3.123456),document.write(parseFloat(3.123456),);)

21、;JavaScript的函数7)7)用户自定义函数用户自定义函数ofunction function 函数名（函数名（参数参数1 1，参数，参数2 2，）return return 定义函数的注意事项：定义函数的注意事项：o 易于识别易于识别o 功能模块化功能模块化o 放置在程序开始部分放置在程序开始部分JavaScript的事件处理主要内容主要内容o1 1、事件、事件 (Event)Event)：鼠标或键盘的动作称为鼠标或键盘的动作称为事件事件 。o2 2、事件驱动、事件驱动(Event Driver)Event Driver)：由事件引发由事件引发的一连串程序的动作，称为事件驱动。的一连串

22、程序的动作，称为事件驱动。o3 3、事件处理程序、事件处理程序(Event Handler)Event Handler)：对事件对事件进行处理的程序或函数。进行处理的程序或函数。o4 4、事件处理程序语法、事件处理程序语法 JavaScript的事件处理浏览器读入文件时Load 单击表单上的Reset按钮Reset某键被按下后弹起来的瞬间KeyUp单击表单上的Submit按钮Submit按下键盘上的任意键时KeyPress选择某对象Select按下键盘上的任意键的瞬间KeyDown窗口大小被改变Resize加载文件或图形时发生错误Error窗口被移动时Move拖拽对象DrogDrop放开鼠标左

23、键MouseUp在对象上双击鼠标DblClick鼠标指针悬停于某对象之上MouseOver在对象上单击鼠标Click鼠标指针离开某对象MouseOut改变对象的值Change移动鼠标指针MouseMove获取焦点Focus按下鼠标左键MouseDown失去焦点Blur关闭当前网页Unload中止正在加载的对象Abort动动作作事件事件动动作作事件事件1.常见事件常见事件JavaScript的事件处理2.2.事件处理程序语法事件处理程序语法 o将事件处理程序直接嵌入将事件处理程序直接嵌入HTMLHTML标记符中标记符中BODY)”例如：例如：Body JavaScript)o直接写在对象后面直接

24、写在对象后面 document.onLoaddocument.onLoad=alert(=alert(这是事件处理程序这是事件处理程序););JavaScript的事件处理o3.应用举例应用举例 o例1：事件示意 JavaScript的事件处理o3.应用举例应用举例例2:请输入基本资料：姓名：JavaScript内置对象oJavaScriptJavaScript提供了一些非常有用的常用内部提供了一些非常有用的常用内部对象和方法。用户不需要用脚本来实现这些对象和方法。用户不需要用脚本来实现这些功能。本节主要介绍功能。本节主要介绍JavaScriptJavaScript提供的提供的ArrayArr

25、ay（数组）、（数组）、stringstring（字符串）、（字符串）、mathmath（数值计算）和（数值计算）和DateDate（日期）内置对象。（日期）内置对象。JavaScript内置对象1.1.数组数组(Array)(Array)对象对象o格式：格式：对象名对象名 =new Array(=new Array(元素个数元素个数)或或 对象名对象名 =new Array(=new Array(值值1,1,值值2,)2,)o例如：例如：fruit=new Array(2)fruit=new Array(2)声明了有声明了有2 2个元素的数组个元素的数组 fruit=new Array(“f

26、ruit=new Array(“苹果苹果”,”,”橘子橘子”)声明了有声明了有2 2个个 数组元素的数组，并赋值。数组元素的数组，并赋值。o属性：属性：indexindex：数组元素的索引值。：数组元素的索引值。length length：数组长度：数组长度(数组元素个数数组元素个数)。o方法：方法：join()join()：将数组内的所有值组合成一个字符串，并用特定：将数组内的所有值组合成一个字符串，并用特定符号分开。符号分开。toStringtoString()()：以字符串来表示数组和数组值。：以字符串来表示数组和数组值。reverse()reverse()：将数组内元素的索引次序翻转过

27、来：将数组内元素的索引次序翻转过来 JavaScript内置对象2.2.字符串字符串(String)(String)对象对象o格式：格式：字符串变量名字符串变量名 =“=“字符串常数字符串常数”例如：例如：varvar str1=”JavaScript”/str1=”JavaScript”/定义定义字符串变量字符串变量o属性：属性：length length：字符串长度：字符串长度 o方法：方法：包括字符串显示和运算两类方法包括字符串显示和运算两类方法 JavaScript内置对象anchor、link创建书签链接，相当于，格式为String.anchor()创建超链接，相当于，格式为Stri

28、ng.link(URL)big、small、italics、bold、blink、sup、sub、fontsize、fontcolor 创建字符显示格式，相当于、等HTML标记。toLowerCase、toUpperCase字符串大小写转换indexOf、lastindexOf返回指定子字符串在字符串中第一次出现的左、右索引位置substring(start,end)返回从start开始到end的子字符（不包括end位置的字符）charAt返回某字符串中指定的子字符串字符串字符串(String)对象的常用方法对象的常用方法字符串大小写转换 示例JavaScript内置对象3.3.数学数学(Ma

29、th)(Math)对象对象o常用属性：常用属性：o E E：欧拉常量：欧拉常量,自然对数的底自然对数的底(约等于约等于2.718)2.718)o LN2 LN2：2 2的自然对数的自然对数(约等于约等于0.693)0.693)o LN10 LN10：1010的自然对数的自然对数(约等于约等于2.302)2.302)o LOG2E LOG2E：以：以2 2为底的为底的e e的对数的对数(约等于约等于1.442)1.442)o LOG10E LOG10E：以：以1010为底的为底的e e的对数的对数(约等于约等于o.434)o.434)o PI PI：的值的值(约等于约等于3.14159)3.14

30、159)o SQRT1_2 SQRT1_2：0.50.5的平方根的平方根(约等于约等于o.707)o.707)o SQRT2 SQRT2：2 2的平方根的平方根(约等于约等于1.414)1.414)JavaScript内置对象3.3.数学数学(Math)(Math)对象对象o方法：方法：o abs()abs()返回某数的绝对值返回某数的绝对值o acosacos()()返回某数的反余弦值返回某数的反余弦值(以弧度为单位以弧度为单位)o asinasin()()返回某数的反正弦值返回某数的反正弦值(以弧度为单位以弧度为单位)o atanatan()()返回某数的反正切值返回某数的反正切值(以弧度

31、为单位以弧度为单位)o ceil()ceil()返回大于或等于指定数的最小整数返回大于或等于指定数的最小整数o floor()floor()与与ceilceil相反相反o max()max()返回两数间的较大值返回两数间的较大值o min()min()返回两数问的较小值返回两数问的较小值o powpow()()返回返回m m的的n n次方次方(其中其中,m,m为底为底,n,n为指数为指数)o random()random()返回返回0 0和和1 1之间的一个伪随机数之间的一个伪随机数o round()round()返回某数四舍五入之后的整数返回某数四舍五入之后的整数JavaScript内置对象

32、4.4.日期时间日期时间(Date)(Date)对象对象o格式：格式：对象名对象名 =new Date(=new Date(日期参数日期参数)o举例：举例：today=new Date()/today=new Date()/以当日时间为对象初值。以当日时间为对象初值。today=new Date(“October 1,2002 12:00:00”)today=new Date(“October 1,2002 12:00:00”)/以英文表示月份，其余以数值表示，即以英文表示月份，其余以数值表示，即【月日月日,年时年时:分分:秒秒】。today=new Date(“2002 today=new

33、Date(“2002，0808，0707，0 0，0 0，0)0)一律以数字表示，即一律以数字表示，即【年年,月月,日日,时时,分分,秒秒】。JavaScript内置对象4.日期时间日期时间(Date)对象对象o方法:o getYear()返回年份值o getMonth()返回月份值o getDate()并返回日期o getDay()返回星期几o getHours()返回小时数o getMinutes()返回分钟数o getSeconds()返回秒数o getTime()返回完整的时间 显示当天时间 示例JavaScript内置对象4.4.日期时间日期时间(Date)(Date)对象对象o方法

34、方法:setDatesetDate()()改变改变DateDate对象的日期对象的日期 setHourssetHours()()改变小时数改变小时数 setMinutessetMinutes()()改变分钟数改变分钟数 setMonthsetMonth()()改变月份改变月份 setSecondssetSeconds()()改变秒数改变秒数 setTimesetTime()()改变完整的时间改变完整的时间 setYearsetYear()()改变年份改变年份 JavaScript内置对象5.5.用户自定义对象用户自定义对象o在实际应用应用中，JavaScript提供的内置对象往往不能满足用户的

35、需求，因此，常常需要建立用户自定义对象。对象(Object)是一组经过组织的数据，在JavaScript中的每一个对象都有两个相关的成员，即属性(Property)和方法(Method)。建立自定义对象就是为对象定义属性和方法，其步骤是：o1）写一个构造函数来定义对象类 为对象类定义属性 为对象类定义方法 先将方法的名称放到对象的构造函数中 写一个函数来描述该对象方法的内容o2）利用new创建对象实例（Object Instance）JavaScript对象及其层次关系WindowFrameDocumentLocationHistoryCookieAnchorAppletAreaFormIma

36、geLinkLayerCheckBoxRadioSubmitHiddenPasswardFileUploadTextTextareaSelectResetButtonOption1.功能：功能：顶层对象顶层对象,用来表示浏览器所打开的窗口。用来表示浏览器所打开的窗口。2.格式格式指定窗口：指定窗口：窗口名窗口名.属性属性 窗口名窗口名.方法（参数群）方法（参数群）打开当前窗口的窗口：打开当前窗口的窗口：opener.属性属性 opener.方法（参数群）方法（参数群）框架中的顶级窗口：框架中的顶级窗口：top.属性属性 top.方法（参数群）方法（参数群）当前活动窗口：当前活动窗口：self.

37、属性属性 self.方法（参数群）方法（参数群）例如：例如：win1.document.title=“广告窗口广告窗口”self.close()opener.document.forms0.user.value=“张永张永”窗口对象(WINDOW)3.属性属性Name 窗口的名字。窗口的名字。closed 判断窗口是否已经被关闭，返回布尔值。判断窗口是否已经被关闭，返回布尔值。document 包含当前文档的信息，包含当前文档的信息，(该属性本身也是一个对象该属性本身也是一个对象)frames 窗口的框架对象数组窗口的框架对象数组,以数组索引值表示，以数组索引值表示，(该属性该属性本身也是一个

38、对象本身也是一个对象)。history 当前窗口最近浏览过的网页当前窗口最近浏览过的网页(该属性本身也是一个对象该属性本身也是一个对象)。location 窗口所显示文档的完整窗口所显示文档的完整URL(该属性本身也是一个对该属性本身也是一个对象象)。length 窗口内的框架个数。窗口内的框架个数。opener 代表使用代表使用open打开当前窗口的脚本所在的窗口。打开当前窗口的脚本所在的窗口。self 代表当前窗口。代表当前窗口。top 代表当前框架的最顶层窗口。代表当前框架的最顶层窗口。窗口对象(WINDOW)3.属性属性defaultStatus 缺省的状态栏信息。缺省的状态栏信息。s

39、tatus 状态栏中的信息。状态栏中的信息。scrollbars 浏览器的滚动条（包括水平和垂直滚动条）。浏览器的滚动条（包括水平和垂直滚动条）。toolbar 浏览器的工具栏。浏览器的工具栏。menubar 浏览器的菜单栏。浏览器的菜单栏。locationbar 浏览器的地址栏。浏览器的地址栏。innerHeight 窗口内容区的高度（以像素表示）。窗口内容区的高度（以像素表示）。innerWidth 窗口内容区的宽度（以像素表示）。窗口内容区的宽度（以像素表示）。outerHeight 窗口边界的高度（以像素表示）。窗口边界的高度（以像素表示）。outerWidth 窗口边界的宽度（以像素

40、表示）。窗口边界的宽度（以像素表示）。pageXOffset 网页网页x-position的位置（以像素表示）。的位置（以像素表示）。pageYOffset 网页网页y-position的位置（以像素表示）。的位置（以像素表示）。窗口对象(WINDOW)4.方法方法open(URL，窗口名称，窗口名称，窗口规格，窗口规格)打开一个新窗口。打开一个新窗口。close()关闭窗口。关闭窗口。MoveBy(水平点数，垂直点数水平点数，垂直点数)MoveTo(x，y)将窗口移动至（将窗口移动至（x,y）坐标处，参数取绝对）坐标处，参数取绝对值。值。ResizeBy(水平点数，垂直点数水平点数，垂直点数

41、)调整窗口大小（往右调整窗口大小（往右/往下）往下），参数取相对值。，参数取相对值。ResizeTo(宽度，高度宽度，高度)setTimeout(表达式，毫秒数表达式，毫秒数)等待一段指定的毫秒数时间等待一段指定的毫秒数时间,然后运行指令。然后运行指令。clearTimeout(定时器对象定时器对象)清除清除 setTimeout定义的计时程定义的计时程序。序。窗口对象(WINDOW)4.方法方法setInterval(表达式，毫秒数表达式，毫秒数)设置一个定时程序。设置一个定时程序。clearInterval(定时器对象定时器对象)清除清除 setInterval定义的计时器定义的计时器fo

42、cus()将焦点移到此窗口。将焦点移到此窗口。blur()把焦点从指定窗口移开。把焦点从指定窗口移开。home()进入客户端在浏览器上设置的主页。进入客户端在浏览器上设置的主页。stop()停止加载网页内容。停止加载网页内容。back()返回历史记录的上一个网页。返回历史记录的上一个网页。forward()加载历史记录的下一个网页。加载历史记录的下一个网页。alert(字符串字符串)传送警告信息。传送警告信息。confirm(字符串字符串)打开一个打开一个Confirm消息框消息框,用户可以选择用户可以选择OK或或Cancel，如果用户单击，如果用户单击OK,该方法返回该方法返回true，单击

43、，单击Cancel返返回回false。prompt(“提示字符串提示字符串”，默认值，默认值)打开一个打开一个Prompt对话框对话框,用户可向该框键入文本用户可向该框键入文本,并把键入的文本返回到脚本。并把键入的文本返回到脚本。窗口对象(WINDOW)5.事件事件 onBlur onDragDrop onError onFocus onLoad onUnload onMove onResize 窗口对象(WINDOW)1.单击单击“来者何人来者何人”，打开一，打开一200*100的窗口。的窗口。2.打开网页时，自动打开一打开网页时，自动打开一300*100的窗口。的窗口。作 业 每一个框架对

44、象相当于窗口每一个框架对象相当于窗口(WINDOW)对象，对象，因此框架对象可以使用窗口对象的所有属性和方法。因此框架对象可以使用窗口对象的所有属性和方法。框架对象(FRAME)downFrameupFrameleftFrametoptopleftFrameupFramedownFrame1.框架组的结构框架组的结构 2.框架组的层次框架组的层次 3.框架的引用框架的引用top.leftFrametop.upFrametop.downFrame或top.frames0top.frames1框架对象(FRAME)文件对象(Document)代表当前的HTML对象，是由标记组构成的，JavaScr

45、ipt自动为每一个HTML文件建立一个document对象，用来显示HTML文件。文档对象(DOCUMENT)1.语法语法 document.属性属性 document.方法方法2.属性属性 link 文档中的一个文档中的一个标记标记(该属性本身也该属性本身也是一个对象是一个对象)。links 文件中的所有链接，以数组索引值表示。文件中的所有链接，以数组索引值表示。linkColor 文档的链接的颜色文档的链接的颜色,即即标记中的标记中的LINK属性。属性。alinkColor 活动链接的颜色活动链接的颜色(ALINK)。vlinkColor 指向已点击过的超链接文本颜色指向已点击过的超链接文

46、本颜色,即即标记的标记的VLINK特性特性 forms 文件中的所有表单，以数组索引值表示。文件中的所有表单，以数组索引值表示。文档对象(DOCUMENT)2.属性属性 images 文档中所有文档中所有image，以数组索引值表示。，以数组索引值表示。anchors 文档中所有锚点，以数组索引值表示。文档中所有锚点，以数组索引值表示。bgColor 文档的背景颜色文档的背景颜色(BGCOLOR)。fgColor 文档中文本颜色文档中文本颜色(中的中的TEXT特性特性)cookie 存储于存储于cookie.txt文件内的一段信息文件内的一段信息,它是该它是该文档对象的一个属性文档对象的一个属

47、性 URL 表示该文件的网址。表示该文件的网址。title 文档的标题文档的标题(TITLE)。lastModified 文档最后的修改日期。文档最后的修改日期。文档对象(DOCUMENT)3.方法方法 write（字符串）（字符串）将字符串或数值写到文件中。将字符串或数值写到文件中。getSelection()取得当前选取的字符串。取得当前选取的字符串。4.事件事件onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp 文档对象(DOCUMENT)表单对象表单对象(Form)提供一个让客户端输入文字或进提供一

48、个让客户端输入文字或进行选择的功能，例如：单选按钮、复选框、选择列表等。行选择的功能，例如：单选按钮、复选框、选择列表等。由由标记组构成，标记组构成，JavaScript自动建立一个表自动建立一个表单对象，并将用户端的信息送至服务器进行处理。表单单对象，并将用户端的信息送至服务器进行处理。表单对象是文件对象的子对象，同时，它也包含许多子对象。对象是文件对象的子对象，同时，它也包含许多子对象。表单对象(FORM)1.表单对象的使用格式表单对象的使用格式document.forms索引值索引值.属性属性 document.forms索引值索引值.方法（参数群）方法（参数群）或或document.表

49、单名称表单名称.属性属性document.表单名称表单名称.方法（参数群）方法（参数群）2.常用属性常用属性 Name：表单名，相当于表单名，相当于标记的标记的name属性属性Action：相当于相当于标记的标记的ACTION属性。属性。Method：输入窗体的数据传送到服务器上的方式输入窗体的数据传送到服务器上的方式,即即(FORM)标记中的标记中的METHOD属性。属性。Elements：表单中的所有控件，以数组索引值表示表单中的所有控件，以数组索引值表示Length：表单中的控件的个数。表单中的控件的个数。表单对象(FORM)2.2.常用属性常用属性 CheckboxCheckbox：复

50、选框，复选框，(该属性本身也是一个对象该属性本身也是一个对象)。HiddenHidden：隐藏对象。隐藏对象。ButtonButton：按钮，按钮，(该属性本该属性本身也是一个对象身也是一个对象)。RadioRadio：单选按钮，单选按钮，(该属性本身也是一个对象该属性本身也是一个对象)。ResetReset：复位按钮，复位按钮，(该属性自身也是一个对象该属性自身也是一个对象)。SubmitSubmit：提交按钮，提交按钮，(该属性本身也是一个对象该属性本身也是一个对象)。TextText：单行文本，单行文本，(该属性本身也是一个对象该属性本身也是一个对象)。TextareaTextarea: