[互联网]Web客户端JavaScript.pptVIP

小结 数据类型 语句 函数 内部对象 this的用法 this p align=left onmouseover=this.align=right onmouseout=this.align=leftthis is an example/p BOM (Browser Object Model)浏览器对象模型 它提供了独立于内容而与浏览器窗口进行交互的对象。 优点与缺点 定义了JavaScript可以进行操作的浏览器的各个功能部件的接口，提供访问文档各个功能部件（如窗口本身、屏幕功能部件、浏览历史记录等）的途径以及操作方法。 缺点：BOM只是JavaScript脚本实现的一部分，没有任何相关的标准，每种浏览器都有自己的BOM实现 BOM window对象 状态栏 时间间隔与暂停 History对象 document对象 location对象 navigator对象 screen对象 BOM浏览器对象模型 浏览器对象模型BOM Window Navigator Screen History Location 本节目标 会运用警告,输入,确认三种模式对话框与用户交互. 会使用window对象的open( )方法制作各种样式的广告窗口 会使用window对象的setTimeout( )方法和Date对象制作日期显示效果 表单验证 Window对象常用的属性 window对象常用的方法 window对象常用的事件 onLoad事件：在窗口或框架完成文档加载时触发 script window.onload = 事件处理函数; /script 或 body onload=“事件处理函数();” …… 新的顶层浏览器窗口 新的顶层浏览器窗口由方法 Window.open() 创建。 用表单的按钮打开指定窗口 html head title无标题文档/title script language=javascript function p(){ window.open(,_blank,width=200,height=200); } /script /head body form name=bd input type=button id=tj value=Click me to open onclick=p(); / /form /body/html 打开一个新窗口并控制其外观 html head script type=text/javascript function open_win() { window.open(../default.htm,_blank,toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400) } /script /head body form input type=button value=打开窗口 onclick=open_win() /form /body /html 通过一次点击打开多个窗口 html head script type=text/javascript function open_win() { window.open(../..//default.htm) window.open(../default.htm) } /script /head body form input type=button value=打开窗口 onclick=open_win() /form /body /html 在新浏览器窗口中打开 about:blank 页 html body script type=text/javascript myWindow=window.open(,,width=200,height=100) myWindow.document.write(This is myWindow) myWindow.focus() /script /body /html 小结1 setTimeout ( ) 与setInterval的异同 无穷循环中的计时 - 带有一个停止按钮 html head script type=text/javascript var c=0 var t function timedCount() { document.getElementById(txt).value=c c=c+1 t=setTimeout(timedCount(),1000) } function stopCount() { cl