javascript培训学习课件.ppt

5.2.2 打开新窗口 特性字符串，使用逗号分隔 特性 值 对窗口的影响 directories yes/no 或 1/0 是否有地址栏按钮 height 整数值 窗口高度，大于100 location yes/no 或 1/0 是否有地址栏 menubar yes/no 或 1/0 是否菜单栏 resizable yes/no 或 1/0 是否可以更改窗口大小 scrollbars yes/no 或 1/0 是否有滚动条 status yes/no 或 1/0 是否有状态栏 toolbar yes/no 或 1/0 是否有工具栏 width 整数值 窗口宽度，大于100 练习： 在原来页面的基础上打开新窗口，要菜单栏和状态栏，大小默认（500，300）；然后在原页面中设置4个按钮，分别可以控制新窗口改变大小和移动（前面的4个方法）； 按钮的单击事件（仅供参考）： input type=“button” value=“移动” onclick=“MoveBy(100,200)” windowControl.html 5.2.3 练习 alert() 弹出一个提示框 使用：alert(“文本字符串”); 示例：alert.html 5.2.4 与用户交互 prompt() 弹出可以输入信息的文本框 参数： 用户输入信息的提示 文本框的默认值 使用： prompt(message,defaultText); 示例：prompt.html 5.2.4 与用户交互 confirm() 弹出对话框，确认信息 使用：confirm(message); 示例：confirm.html 5.2.4 与用户交互 setTimeout函数 让函数在一定时间内重新执行，递归调用 如果不递归调用则仅执行一次 setTimeout(函数名,时间间隔,重复次数); 时间间隔：毫秒为单位 重复次数：大于0的整数 var timeId = setTimeout(hello(),2000); clearTimeout函数 清除设置的setTimeout函数 clearTimeout(timeId); 示例：setTimeOut.html 5.2.5 定时执行（一） setInterval函数 让函数在一定时间内重新执行，外部调用 setInterval(函数名,时间间隔); 时间间隔：毫秒为单位 var timeId = setInterval(hello(),2000); clearInterval函数 清除设置的setInterval函数 clearInterval(timeId); 示例：setInterval.html 5.2.5 定时执行（二） 练习：使用setTimeout()函数实现在页面显示时钟，实时刷新时间。 说明：可以使用文本框来显示时间； form name=myform input type=text name=myclockbr/ /form script function do_test(){ document.myform.myclock.value=hh:mm:ss; } do_test(); /script 如：setTimeOut_exercise.html 5.2.5 定时执行-练习 Array-示例 script language=JavaScript // Create an Array object var book = new Array(6); // Assign values to its elements book[0] = War and Peace; book[1] = Huckleberry Finn; for(var i in book){ document.write(book[ + i + ] + book[i] + br); } /script Array-应用 script language=JavaScript var colors = new Array(red, green,blue, purple); for(var i in colors){ document.write(font color=+colors[i]+); document.write(colors[ + i + ] = + colors[i] + /fontbr); } /script Array对象的常用方法 concat 返回一个新数组；由两个或者更多数组组合而成 var newArray = tmpArray.concat(tmpArray) join 返回字符串；由数组中的所有元素连