第7章Javascript.ppt

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

1、第第7 7章章 JavaScriptJavaScript概述概述网页中插入网页中插入JavaScript脚本的方法脚本的方法 vJavaScript的最大特点便是和的最大特点便是和HTML结合，结合，JavaScript需要被嵌入到需要被嵌入到HTML中才能对网页产生中才能对网页产生作用。就像网页中嵌入作用。就像网页中嵌入CSS一样，必须通过适当的一样，必须通过适当的方法将方法将JavaScript引入到引入到HTML中才能使中才能使JavaScript脚本正常的工作。在脚本正常的工作。在HTML语言中插入语言中插入JavaScript脚本的方法有三种，即：脚本的方法有三种，即：v使用使用sc

2、ript标记对将脚本嵌入到网页中（嵌入式）标记对将脚本嵌入到网页中（嵌入式）v直接将脚本嵌入到直接将脚本嵌入到HTML标记的事件中（行内式）标记的事件中（行内式）v通过通过script标记的标记的src属性链接外部脚本文件（链接属性链接外部脚本文件（链接式）式）1.使用使用标记对将脚本嵌入到网页中（嵌入式）标记对将脚本嵌入到网页中（嵌入式）第一个第一个JavaScript程序程序function msg()/JavaScript注释：建立函数注释：建立函数 alert(Hello,the WEB world!)Click Here 2.直接将脚本嵌入到直接将脚本嵌入到HTML标记的事件中（行内

3、式）标记的事件中（行内式）v可以直接在可以直接在HTML某些标记内添加事件，然后将某些标记内添加事件，然后将JavaScript脚本写在该事件的值内，以响应输入元素脚本写在该事件的值内，以响应输入元素的事件的事件 行内式引入行内式引入JavaScript脚本脚本Click Here3.通过通过script标记的标记的src属性链接外部脚本文件（链接式）属性链接外部脚本文件（链接式）v如果需要同一段脚本供多个网页文件使用，可以把这如果需要同一段脚本供多个网页文件使用，可以把这一段脚本保存成一个单独的文件，一段脚本保存成一个单独的文件，JavaScript的外部的外部脚本文件扩展名为脚本文件扩展名

4、为“js”vvv链接式插入链接式插入Js脚本文件脚本文件vvvvClick Herevv7-3.js的代码的代码function msg()/建立函数建立函数 alert(Hello,the WEB world!)JavaScriptJavaScript语言基础语言基础 JavaScript变量变量 vJavaScript的变量是一种弱类型变量，所谓弱类型的变量是一种弱类型变量，所谓弱类型变量是指它的变量无特定类型，定义任何变量都变量是指它的变量无特定类型，定义任何变量都是用是用“var”关键字，并可以将其初始化为任何值，关键字，并可以将其初始化为任何值，而且可以随意改变变量中所存储的数据类型

5、，当而且可以随意改变变量中所存储的数据类型，当然为了程序规范应该避免这样操作然为了程序规范应该避免这样操作 vvar name=Six Hang;vvar age28;vvar school=CSU;vvar male=true;v变量命名规范：第一个单词所有字母都小写，以后每变量命名规范：第一个单词所有字母都小写，以后每个单词第一个字母大写，例如：个单词第一个字母大写，例如：sMyString变量的命名原则变量的命名原则v首字符必须是字母、下划线（首字符必须是字母、下划线（_）或美元符号（）或美元符号（$）；）；v余下的字母可以是下划线。美元符号、任意字母或者余下的字母可以是下划线。美元符号

6、、任意字母或者数字；数字；v变量名不能是关键字或保留字变量名不能是关键字或保留字v变量名对大小写敏感变量名对大小写敏感v变量名中不能有空格、回车符或其他标点字符变量名中不能有空格、回车符或其他标点字符v例如下面的变量名是非法的：例如下面的变量名是非法的：var 5zhao;/数字开头，非法数字开头，非法var tangs;/对于变量名，单引号是非法字符对于变量名，单引号是非法字符var this;/不能使用关键字作为变量名不能使用关键字作为变量名运算符运算符 v运算符是指完成操作的一系列符号，也称为操作符。运算符是指完成操作的一系列符号，也称为操作符。运算符用于将一个或多个值运算成结果值，使用

7、运算运算符用于将一个或多个值运算成结果值，使用运算符的值称为算子或操作数符的值称为算子或操作数 v算术运算符算术运算符vOperator Description Example Result+Addition x=2 y=2 x+y 4-Subtraction x=5 y=2 x-y 3*Multiplication x=5 y=4 x*y 20/Division 15/5 5/2 3 2.5%Modulus 5%2 10%8 10%2 1 2 0+Increment x=5 x+x=6-Decrement x=5 x-x=4 v赋值运算符赋值运算符vOperator Example Is T

8、he Same As=x=y x=y+=x+=y x=x+y-=x-=y x=x-y*=x*=y x=x*y/=x/=y x=x/y%=x%=y x=x%yv关系运算符关系运算符 运算符运算符 说明说明 例子例子 结果结果u=是否相等是否相等(只检查值只检查值)5=8 falseu=是否全等是否全等(检查值和类型检查值和类型)x=5 y=5 x=y true x=y falseu!=不等于不等于 5!=8 trueu u=u=v逻辑运算符逻辑运算符vOperator Description Examplev&and x=6 y=3 (x 1)truev|or x=6 y=3 (x=5|y=5)

9、falsev!not x=6 y=3 !(x=y)true字符串连接运算符字符串连接运算符v连接运算符连接运算符+：表达式中有字符串或字符变量：表达式中有字符串或字符变量vtxt1=What a veryvtxt2=nice day!vtxt3=txt1+txt2 v结果结果:What a verynice day!其他运算符其他运算符v条件条件?值值1:值值2 vVar a=4,b=6;alert(ab?”a:b)/返回返回 6vTypeof运算符运算符：返回表达式或变量的数据类型：返回表达式或变量的数据类型 var a=“abc”;alert(typeof(a)/返回返回stringv下标

10、运算符下标运算符：用来引用数组中的元素：用来引用数组中的元素v逗号运算符，：用来分开不同的值逗号运算符，：用来分开不同的值v成员选择运算符成员选择运算符.：用来引用对象的属性或方法：用来引用对象的属性或方法 如：如：document.writeJavaScript 数据类型：字符串（数据类型：字符串（String）v字符串由零个或多个字符构成，字符可以是字母、数字符串由零个或多个字符构成，字符可以是字母、数字、标点符号或空格。字符串必须放在单引号或双引字、标点符号或空格。字符串必须放在单引号或双引号中。例如：号中。例如：vvar course=data structure“vvar case=

11、the birthday19801106 v还可以使用转义字符（还可以使用转义字符（escaping）“”实现特殊字符按实现特殊字符按原样输出：原样输出：vvar score=run time 3 15 JavaScript中的转义字符中的转义字符vCodeOutputs单引号单引号“双引号双引号&n 换行符换行符r 返回返回t tab，制表符，制表符b 后退一格，后退一格，backspacef 换页换页字符串（字符串（String）对象常见属性）对象常见属性vvar myString=This is a sample;（1）length属性属性：它返回字符串中字符的个数，例如：它返回字符串中

12、字符的个数，例如：var name=Six tang;alert(name.length);/返回返回11（2）charAt属性属性：它返回字符串对象在指定位置处的字符，：它返回字符串对象在指定位置处的字符，第一个字符位置是第一个字符位置是0。例如：。例如：myString.charAt(2)；/返回返回i（3）charCodeAt：返回字符串对象在指定位置处字符的：返回字符串对象在指定位置处字符的10进制的进制的ASCII码码 myString.charCodeAt(2)；/返回返回105（4）indexOf：要查找的子串在字符串对象中的位置：要查找的子串在字符串对象中的位置 myStrin

13、g.indexOf(“is”)；/返回返回2 字符串（字符串（String）对象常见方法）对象常见方法 后面加参数，指定从第几个字符开始找后面加参数，指定从第几个字符开始找 myString.indexOf(“is”,2)/返回返回2 如果找不到返回如果找不到返回-1（5）lastIndexOf：从尾部开始查找并返回所在的位置：从尾部开始查找并返回所在的位置 myString.lastIndexOf(“is”)/返回返回5（6）substr方法方法：截取字串：截取字串 myString.substr(10,3)；/返回返回sam 其中其中10表示位置，表示位置，3表示长度，长度省略截取到最后表

14、示长度，长度省略截取到最后（7）substring方法方法：截取字串：截取字串 myString.substring(5,9)；/返回返回is a,其中其中5表示开始位置，表示开始位置，9表示结束位置表示结束位置（8）split方法方法：分隔字串到一个数组中：分隔字串到一个数组中 var a=myString.split();/a0=“This”a1=“is”a2=“a”a3=“sample”字符串（字符串（String）对象常见方法）对象常见方法（9）replace方法方法：替换子串：替换子串 myString.replace(“sample”,”apple”);/结果结果 “This is

15、 a apple”（10）toLowerCase方法方法：变成小写字母：变成小写字母 myString.toLowerCase()；联；联/this is a sample（11）toUpperCase方法方法：变成大写字母：变成大写字母 myString.toUpperCase()数值型（数值型（number）v在在Javascript中，数值型数据不区分整型和浮点型，中，数值型数据不区分整型和浮点型，数值型数据和字符型数据的区别是数值型数据不要用数值型数据和字符型数据的区别是数值型数据不要用引号括起来。例如下面都是正确的数值表示法，引号括起来。例如下面都是正确的数值表示法，vvar num

16、1=23.45vvar num2=76vvar num3=-9e5 /科学计数法，即科学计数法，即-900000valert(num1+num2+num3);布尔型（布尔型（boolean）v布尔型数据的取值只有两个：布尔型数据的取值只有两个：true和和false。布尔型数。布尔型数据不能用引号引起来，否则就变成字符串了。用方法据不能用引号引起来，否则就变成字符串了。用方法typeof()可以很清楚地看到这点，可以很清楚地看到这点，typeof()返回一个字符串，返回一个字符串，这个字符串的内容是变量的数据类型名称。这个字符串的内容是变量的数据类型名称。var married=true;do

17、cument.write(typeof(married)+);/输出输出boolean married=true;document.write(typeof(married);/输出输出string数组（数组（array）v数组使用关键字数组使用关键字Array来声明，同时还可以指定这个来声明，同时还可以指定这个数组元素的个数，也就是数组的长度（数组元素的个数，也就是数组的长度（length），例），例如：如：var rank=new Array(12);/论坛的用户共分论坛的用户共分12级级v可以用方括号直接定义可以用方括号直接定义 vvar Map=China,USA,Britain;v如

18、果不知数组的维数，可定义动态数组如果不知数组的维数，可定义动态数组 var myColor=new Array();myColor0=blue;myColor1=yellow;myColor2=purple;myColor3=red;数组（数组（array）v可以用参数创建数组可以用参数创建数组 var Map=new Array(China,USA,Britain”);Map4=“Iraq”数组长度为数组长度为5，其中，其中Map3的值为的值为undefinedv数组的常用属性和方法：数组的常用属性和方法：（1）length属性：属性：用来获取数组的长度，而数组的用来获取数组的长度，而数组的

19、位置同样也是从位置同样也是从0开始的。例如：开始的。例如：var Map=new Array(China,USA,Britain);alert(Map.length+Map2);/返回返回3 Britain（2）toString方法：方法：将数组转化为字符串将数组转化为字符串 var Map=new Array(China,USA,Britain);alert(Map.toString()+typeof(Map.toString();v数组的常用属性和方法：数组的常用属性和方法：（3）concat方法：方法：将多个数组连接起来形成新数组将多个数组连接起来形成新数组 var a=new Arra

20、y(1,2,3);var b=new Array(4,5,6);alert(a.concat(b);/输出输出1,2,3,4,5,6 alert(a.length);/长度不度，仍为长度不度，仍为3（4）join方法：方法：将数组的元素连接起来生成字符串，默将数组的元素连接起来生成字符串，默认用认用“，”连接连接 var a=new Array(1,2,3);alert(a.join();/输出输出1，2，3 也可用指定的符号连接，如：也可用指定的符号连接，如：alert(a.join(“-”);v数组的常用属性和方法：数组的常用属性和方法：（5）push方法：方法：在数组的最后添加一个或多个

21、项，在数组的最后添加一个或多个项，同时更改数组的长度同时更改数组的长度 var a=new Array(1,2,3);a.push(4,5,6);alert(a.length);/输出输出6（6）pop方法：方法：返回数组的最后一个元素，并将其删除返回数组的最后一个元素，并将其删除 var a=new Array(1,2,3);alert(a.pop();/输出输出3 alert(a.length);/输出输出2v数组的常用属性和方法：数组的常用属性和方法：（7）reverse方法：方法：将数组中的元素逆序排列将数组中的元素逆序排列 var a=new Array(1,2,3);alert(a

22、.reverse();/输出输出3，2，1（8）shift方法：方法：返回数组的第一个元素，并将其删除返回数组的第一个元素，并将其删除 var a=new Array(1,2,3);alert(a.shift();/输出输出3 alert(a.length);/输出输出2数据类型转换数据类型转换（1）数值转换为字符串数值转换为字符串：toString var a=4;a.toString;（2）字符串转换为数值字符串转换为数值：parseInt()、parseFloat()document.write(parseInt(“456red”)；/返回返回456 如果字符串中不存在数字，则返回如果字

23、符串中不存在数字，则返回NaNJavaScript中的语句中的语句 v1.条件语句条件语句 条件语句可以使用程序按照预先指定的条件进行判断，条件语句可以使用程序按照预先指定的条件进行判断，从而选择需要执行的任务。在从而选择需要执行的任务。在JavScript中提供了中提供了if语语句、句、if else语句和语句和switch语句等三种条件判断语句。语句等三种条件判断语句。（1 1）ifif语句语句 if(if(表达式）表达式）语句组语句组 if(if(判定条件判定条件)语句语句;JavaScript中的语句中的语句 if(if(判定条件判定条件)语句语句1;1;elseelse 语句语句2;

24、2;（2 2）if else if else 语句语句 if(if(表达式）表达式）语句组语句组1 1 elseelse 语句组语句组2 2 JavaScript中的语句中的语句（3 3）ififelse if else if elseelse语句语句 if(if(表达式）表达式）语句组语句组 通过条件语句判断时间通过条件语句判断时间var d=new Date();var time=d.getHours();if(time10)document.write(Good morning)else if(time10&time16)document.write(Good day)elsedocum

25、ent.write(Hello World!)JavaScript中的语句中的语句（4 4）switchswitch语句语句 switch(switch(表达式）表达式）case case 值值1:1:语句语句1;1;break;break;case case 值值n:n:语句语句n;n;break;break;default:default:语句语句 循环语句循环语句（1 1）forfor语句语句 for(for(初始表达式；循环判定式；更新表达式）初始表达式；循环判定式；更新表达式）循环体；循环体；v循环语句：循环语句：反复执行一些语句反复执行一些语句循环语句循环语句（2 2）whilew

26、hile语句语句 while(while(循环判定式）循环判定式）循环体；循环体；循环语句循环语句（3 3）dodowhilewhile语句语句 dodo 循环体；循环体；while(while(循环判定式）循环判定式）循环语句循环语句（4 4）forforinin语句语句 在有些情况下，开发者根本没有办法预知在有些情况下，开发者根本没有办法预知对象的任何信息，更谈不上控制循环的次对象的任何信息，更谈不上控制循环的次数。这个时候用数。这个时候用forin语句可以很好的解语句可以很好的解决这个问题。决这个问题。循环语句循环语句 var x var mycars=new Array()mycars

27、0=Saab mycars1=Volvo mycars2=BMW for(x in mycars)document.write(mycarsx+)循环语句循环语句（5 5）breakbreak和和continuecontinue语句语句 break break 语句：结束整个循环语句语句：结束整个循环语句continue continue 语句：结束本次循环语句：结束本次循环控制循环：与控制循环：与if if 语句配合使用语句配合使用函函 数数 v函数是一个可重用的代码块，可用来完成某个特定功函数是一个可重用的代码块，可用来完成某个特定功能。每当需要反复执行一段代码时，可以利用函数来能。每当需

28、要反复执行一段代码时，可以利用函数来避免重复输入大量的相同内容。不过，函数的真正威避免重复输入大量的相同内容。不过，函数的真正威力体现在，我们可以把不同的数据传递给它们，而它力体现在，我们可以把不同的数据传递给它们，而它们将使用实际传递给它们的数据去完成预定的操作。们将使用实际传递给它们的数据去完成预定的操作。在把数据传递给函数时，我们把那些数据称为参数在把数据传递给函数时，我们把那些数据称为参数（argument）。）。function functionname(arg1,arg2,.,argX)statements returnexpression 调用函数调用函数function myN

29、ame(sName)alert(Hello+sName);该函数接受一个输入参数该函数接受一个输入参数sName，不返回值。调用它代，不返回值。调用它代码如下：码如下：myName(six-tang);v与其他编程语言一样，函数在执行过程中只要执行完与其他编程语言一样，函数在执行过程中只要执行完return语句就会停止继续执行函数体中的代码，因此语句就会停止继续执行函数体中的代码，因此return语句后的代码都不会执行。下例中函数中的语句后的代码都不会执行。下例中函数中的alert()语句就永远都不会执行。语句就永远都不会执行。function fnSum(iNum1,iNum2)return

30、 iNum1+iNum2;alert(iNum1+iNum2);/永远不会被执行永远不会被执行v一个函数中有时可以包含多个一个函数中有时可以包含多个return语句，但每次只语句，但每次只有一个会被执行，例如：有一个会被执行，例如：function substr(iNum1,iNum2)if(iNum1=iNmu2)return iNum1-iNum2;else return iNum2-iNum1;v如果函数本身没有返回值，但又希望在某些时候退出如果函数本身没有返回值，但又希望在某些时候退出函数体，则可以调用无参数的函数体，则可以调用无参数的return语句来随时返回语句来随时返回函数体，例

31、如：函数体，例如：function myName(sName)if(myName=bye)return;alert(Hello+sName);对对 象象 v在客观世界中，对象指一个特定的实体。一个人就是在客观世界中，对象指一个特定的实体。一个人就是一个典型的对象，他包含身高、体重、年龄等特性，一个典型的对象，他包含身高、体重、年龄等特性，又包含吃饭、走路、睡觉等动作。同样，一辆汽车也又包含吃饭、走路、睡觉等动作。同样，一辆汽车也是一个对象，它包含型号，颜色，种类等特性，还包是一个对象，它包含型号，颜色，种类等特性，还包含加速、拐弯等动作。含加速、拐弯等动作。v在在JavaScript语言中，也

32、具有并能自定义各种各样的语言中，也具有并能自定义各种各样的对象。例如，一个浏览器窗口可看成是一个对象，它对象。例如，一个浏览器窗口可看成是一个对象，它包含窗口大小、窗口位置等属性，又具有打开新窗口、包含窗口大小、窗口位置等属性，又具有打开新窗口、关闭窗口等方法。网页上的一个表单也可以看成一个关闭窗口等方法。网页上的一个表单也可以看成一个对象，它包含表单内控件的个数、表单名称等特性，对象，它包含表单内控件的个数、表单名称等特性，以及表单提交和表单重设等方法。以及表单提交和表单重设等方法。对象的属性和方法对象的属性和方法v用来描述对象特性的一组数据，也就是若干变量，用来描述对象特性的一组数据，也就

33、是若干变量，通常称为属性；通常称为属性；v用来操作对象特性的若干动作，也就是若干函数，用来操作对象特性的若干动作，也就是若干函数，通常称为方法。通常称为方法。对象的分类对象的分类v自定义对象：根据需要而定义的对象自定义对象：根据需要而定义的对象v内置对象：指内置对象：指JavaScript语言提供的对象，包括语言提供的对象，包括Math、Date、String、Array、Number、Boolean、Function、Object等实现最常用功能的对象等实现最常用功能的对象v浏览器对象：是浏览器根据系统配置和所装载的页浏览器对象：是浏览器根据系统配置和所装载的页面提供的对象，如面提供的对象，

34、如window、document、location自定义对象自定义对象v自定义对象的创建自定义对象的创建1：使用：使用new运算符和内部构造函数运算符和内部构造函数object()来创建一个空对象来创建一个空对象 var person=new Object();注：注：Object对象是一种特殊的对象。对象是一种特殊的对象。JavaScript的所的所有对象都是有对象都是Object对象类的实例，所以都可以使用对象类的实例，所以都可以使用Object对象的属性和方法对象的属性和方法v自定义对象的创建自定义对象的创建2：var person=name=“张三张三”,sex=“男男”;自定义对象自

35、定义对象v定义属性：定义属性：penson.name=“张三张三”;v定义方法：定义方法：Function对象：任何函数都是对象：任何函数都是Function对象对象 定义定义Function对象：对象：thisthis关关键字字vthis指代当前元素：指代当前元素：（1）如如果果this位位于于HTML标标记记中中，通通过过事事件件触触发发调调用的代码中有用的代码中有this，那指代当前元素。，那指代当前元素。（2）如如果果this作作为为函函数数的的参参数数，那那this指指代代函函数数被被调调用的地方所在的当前元素。用的地方所在的当前元素。v作为普通函数直接调用时，作为普通函数直接调用时

36、，this指代指代window对象对象内置对象内置对象v时间日期：时间日期：Date对象对象 （1）var tDate=new Date()：创建一个含有系统日期和时间：创建一个含有系统日期和时间 的的Date对象对象 （2）var tDate=new Date(2009,9,1)：创建一个指定日期的：创建一个指定日期的Date 对象对象 （3）var tDate=new Date(2009,9,1,10,20,30,50)：创建一个指定：创建一个指定 时间的时间的Date对象对象内置对象内置对象vDate属性和方法属性和方法 方法方法说明说明方法方法说明说明getFullYear()setF

37、ullYear(x)getDate()得到得到1-31getDay()得到得到0-6的整数，星期日为的整数，星期日为0星期六为星期六为6getSeconds()值介于值介于0-59getYear()setYear(x)getMonth()值介于值介于0-11，表示，表示1月月-12月月setMonth(x)getHours()值介于值介于0-23getMilliseconds()值介于值介于0-999setHour(x)setMinutes(x)setMilliseconds(x)getMinutes()值介于值介于0-59setSeconds(x)内置对象内置对象v数学计算：数学计算：Mat

38、h对象对象 var tDate=new Date();属性属性说明说明属性属性说明说明E自然对数，约为自然对数，约为2.718LOG2E以以2为底为底E的对数的对数LN22的自然对数的自然对数LOG10E以以10为底为底E的对数的对数LN1010的自然对数的自然对数PI圆周率圆周率SQRT1_2的平方根的平方根SQRT22的平方根的平方根内置对象内置对象方法方法说明说明方法方法说明说明abs(x)返回返回x的绝对值的绝对值asin(x)返回返回x的反正弦的反正弦acos(x)返回返回x的反余弦的反余弦atan(x)返回返回x的反正切的反正切floor(x)返回小于等于返回小于等于x的最的最小整

39、数小整数ceil(x)返回大于等于返回大于等于x的最的最小整数小整数cos(x)返回返回x的余弦的余弦exp(x)返回返回E的的x次方次方atan2(y,x)返回返回x值到点的角度值到点的角度log(x)返回返回x的自然对数的自然对数max(x,y)返回返回x,y的最大值的最大值min(x,y)返回返回x,y的最小值的最小值pow(x,y)返回返回x的的y次方次方random()返回返回0至至1间的随机数间的随机数round(x)返回返回x四舍五入整数四舍五入整数sin(x)返回返回x的正弦的正弦sqrt(x)返回返回x的平方根的平方根tan(x)返回返回x的正切的正切浏览器对象模型浏览器对象

40、模型BOM BOM BOMvJavaScript是运行在浏览器中的，因此提供了一系列是运行在浏览器中的，因此提供了一系列对象用于与浏览器窗口进行交互。这些对象主要有：对象用于与浏览器窗口进行交互。这些对象主要有：window、document、location、navigator和和screen等，等，把它们统称为把它们统称为BOM（Browser Object Model，浏览器，浏览器对象模型）对象模型）windownavigatorlocationdocumentscreenhistoryframeslocationembedslinksformsappletsanchorsimages

41、window对象对象 vwindow对象对应着对象对应着Web浏览器的窗口，使用它可浏览器的窗口，使用它可以直接对浏览器窗口进行操作。以直接对浏览器窗口进行操作。window对象提供对象提供的主要功能可以分为以下的主要功能可以分为以下5类：类：（1）调整窗口的大小和位置；）调整窗口的大小和位置；（2）打开新窗口；）打开新窗口；（3）系统提示框；）系统提示框；（4）状态栏控制；）状态栏控制；（5）定时操作。）定时操作。调整窗口的大小和位置调整窗口的大小和位置window对象有如下对象有如下4个方法用来调整窗口的位置或大小。个方法用来调整窗口的位置或大小。（1）window.moveBy(dx,d

42、y)该方法将浏览器窗口相对于当前的位置移动指定的距离该方法将浏览器窗口相对于当前的位置移动指定的距离（相对定位），当（相对定位），当dx和和dy为负数时则向反方向移动。为负数时则向反方向移动。（2）window.moveTo(x,y)该方法将浏览器窗口移动到屏幕指定的位置（该方法将浏览器窗口移动到屏幕指定的位置（x、y处）处）（绝对定位）。同样可使用负数，只不过这样会把窗口移（绝对定位）。同样可使用负数，只不过这样会把窗口移 出屏幕。出屏幕。（3）window.resizeBy(dw,dh)相对于浏览器窗口的当前大小，把宽度增加相对于浏览器窗口的当前大小，把宽度增加dw个像素，个像素，高度增加

43、高度增加dh个像素。两个参数可以使用负数来缩写窗口个像素。两个参数可以使用负数来缩写窗口（4）window.resizeTo(w,h)把窗口大小调整为把窗口大小调整为w像素宽，像素宽，h像素高，不能使用负数。像素高，不能使用负数。打开和关闭窗口打开和关闭窗口v打开新窗口打开新窗口 用法：用法：window.open(url,target,options)options参数可能的选项包括：参数可能的选项包括：（1）height:窗口的高度，单位为像素；窗口的高度，单位为像素；（2）width：窗口的宽度，单位为像素；：窗口的宽度，单位为像素；（3）left：窗口的左边缘位置；：窗口的左边缘位置；

44、（4）top：窗口的上边缘位置：窗口的上边缘位置；（5）fullscreen：是否全屏：是否全屏 （6）location：是否显示地址栏：是否显示地址栏 （7）menubar：是否显示菜单项：是否显示菜单项 （8）resizable：是否允许改变窗口大小：是否允许改变窗口大小打开和关闭窗口打开和关闭窗口 （9）scrollbars:是否显示滚动条是否显示滚动条 （10）status：是否显示状态栏：是否显示状态栏 （11）titlebar：是否显示标题栏：是否显示标题栏 （12）toolbar：是否显示工具栏：是否显示工具栏 例：例：window.open(“pop.html”,“new”,“

45、width=400,height=300”);系统对话框系统对话框（1）window.alert(message)alert()方法前面已经反复使用，它只接受一个参数，即方法前面已经反复使用，它只接受一个参数，即弹出对话框要显示的内容。调用弹出对话框要显示的内容。调用alert()语句后浏览器将语句后浏览器将创建一个单按钮的消息框。创建一个单按钮的消息框。（2）window.confirm(message)该方法将显示一个确认提示框，其中包括该方法将显示一个确认提示框，其中包括“确定确定”和和“取消取消”按钮。用户单击按钮。用户单击“确定确定”按钮时，按钮时，window.confirm返回返

46、回true；单击；单击“取消取消”按钮时，按钮时，window.confirm返回返回false。例如：。例如：if(confirm(确实要删除这张图片吗？确实要删除这张图片吗？)alert(图片正在删除图片正在删除);else alert(已取消删除！已取消删除！);（3）window.prompt(message,default)该方法将显示一个消息提示框，其中包含一个文本输该方法将显示一个消息提示框，其中包含一个文本输入框。输入框能够接受用户输入参数，从而实现进一入框。输入框能够接受用户输入参数，从而实现进一步的交互。该方法接受两个参数，第一个参数是显示步的交互。该方法接受两个参数，第一

47、个参数是显示给用户的文本，第二个参数为文本框中的默认值（可给用户的文本，第二个参数为文本框中的默认值（可以为空）。整个方法返回字符串，值即为用户的输入。以为空）。整个方法返回字符串，值即为用户的输入。例如：例如：var nInput=prompt(请输入你的名字请输入你的名字,);if(nInput!=null)document.write(Hello!+nInput);状态栏控制状态栏控制v状态栏控制（状态栏控制（status属性）属性）v浏览器状态的显示信息可以通过浏览器状态的显示信息可以通过window.status属性属性直接进行修改。例如：直接进行修改。例如：window.statu

48、s=看看状态栏中的文字变化了吗？看看状态栏中的文字变化了吗？;定时操作定时操作 v定时操作通常有两种使用目的，一种是周期性地执行定时操作通常有两种使用目的，一种是周期性地执行脚本，例如在页面上显示时钟，需要每隔一秒钟更新脚本，例如在页面上显示时钟，需要每隔一秒钟更新一次时间的显示，另一种则是将某个操作延时一段时一次时间的显示，另一种则是将某个操作延时一段时间执行，例如迫使用户等待一段时间才能进行操作，间执行，例如迫使用户等待一段时间才能进行操作，可以使用可以使用window.setTimeout函数使其延时执行，而函数使其延时执行，而后面的脚本可以继续运行不受影响。后面的脚本可以继续运行不受影

49、响。vsetInterval函数：用于设置定时器，每隔一段时间执函数：用于设置定时器，每隔一段时间执行一次代码行一次代码vclearInterval函数：取消函数：取消setInterval设置的定时器设置的定时器vsetTimeout函数：用于设置定时器，在一段时间后执函数：用于设置定时器，在一段时间后执行一次指定的代码行一次指定的代码vclearTimeout函数：取消函数：取消setTimeout设置的定时器设置的定时器 function showTime()var now=new Date();window.status=now.toLocaleString();var timeID=

50、window.setInterval(showTime(),1000);/设置定时器设置定时器 function stopShowTime()window.clearInterval(timeID);/取消定时器取消定时器 window.status=已取消定时器已取消定时器 取消定时器取消定时器 var timeID=setTimeout(navigate(http:/);,5000)function stopTimeout()window.clearTimeout(timeID);window.status=已取消定时器已取消定时器;取消定时器取消定时器动态显示时间动态显示时间 funct