第9章JavaScript.pptVIP

JavaScript 学习指南 Chapter9：浏览器对象 内容 9.1 浏览器结构概述 9.1 浏览器结构概述 9.2 window对象 9.2 window对象 9.2 window对象 9.2 window对象 9.2 window对象 维护父窗口：opener 维护当前窗口：self 方法：focus、blur、resizeTo、resizeBy 窗口间通信：P180 示例9.2、9.3 9.2 window对象 添加并控制定时器 创建定时器： setTimeout:不重复触发 var tmOut = setTimeout(func,5000) setInterval：重复触发 清除定时器： clearTimeout clearTimeout(tmOut) clearInterval 9.2 window对象 9.2 window对象 9.3 location对象 location 对象 属性 9.3 location对象 location 对象 URL: /ch09-01.htm?a=1 Host/hostname: Protocol: http: Search: ?a=1 Href: /ch09-01.htm?a=1 示例及练习 示例及练习 9.4 history、screen和navigator对象 history 对象 方法 9.5 document对象 9.5 document对象 9.5 document对象 9.6 innerHTML innerHTML 修改页面中任何一个HTML元素 小 结 浏览器对象是一个分层次的结构，window是顶层的根对象 打开窗口使用window对象的open( )方法 设置定时器，使用window对象的setTimeout( )方法 location对象的back( )和forward( )方法等同于前进、后退按钮 * 浏览器结构概述 window对象、定时器 location对象 histroy、screen和navigator对象 document对象 innerHTML Window 窗口对象 location 地址对象 document 文档对象 FORM 表单对象 浏览器对象的分层结构 window.document.myform.text1 浏览器对象的分层结构 属性 设置或检索窗口底部的状态栏中的消息。 status 设置或检索窗口或框架的名称。 name 包含有关当前 URL 的信息。 location 包含有关客户端的屏幕和显示性能的信息。 screen 包含有关客户访问过的URL的信息。 history 表示给定浏览器窗口中的 HTML 文档。 document 说明 名称 方法 弹出提示信息框 Prompt（”提示信息“） 设置定时器：经过指定毫秒值后执行某个函数 setTimeout（”函数”,毫秒数） 关闭当前窗口 close ( ) clearTimeout(定时器对象) 打开具有指定名称的新窗口，并加载给定 URL 所指定的文档；如果没有提供 URL，则打开一个空白文档 open (url,name) 显示一个确认对话框，包含一个确定取消按钮 confirm（“提示信息”） 显示包含消息的对话框。 alert (“m提示信息) 说明 名称 html head script type=text/javascript function openwindow( ) { window.open(XXX.htm); } function closewindow( ) { window.close ( ); } /script /head body form input type=button value=打开窗口 onClick=openwindow() input type=button value=关闭窗口 onClick=closewindow() /form /body /html 使用 Open 方法 打开新窗口 使用 Close 方法 关闭窗口 添加单击事件 因为window是最顶层的根，所以可以省略 window.open(google.htm); 可简写为： open(google.htm); close（）方法也是如此。 open（”打开窗口的url”，”窗口名”，”窗口特征”） 窗口的特征如下，可以任意组合： height： 窗口高度； width： 窗口宽度； top： 窗口距离屏幕上方的象素值； le