js第3讲.pptVIP

第三讲 JavaScript 中的浏览器对象 目标 掌握常用的浏览器对象： window document history 浏览器对象简介 Window 对象 Window 对象 Window 对象 Window 对象 Window 对象 Window 对象 Document 对象 Document 对象 Document 对象 History对象 history 对象 方法 Location对象 Location 对象 属性 History 对象和 Location 对象 History 和 Location 对象 总结 浏览器对象是一个分层次的结构，window是顶层的根对象 打开窗口使用window对象的open( )方法 设置定时器，使用window对象的setTimeout( )方法 history对象的back( )和forward( )方法等同于前进、后退按钮 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提示信息) 说明 名称 open（”打开窗口的url”，”窗口名”，”窗口特征”） 窗口的特征如下，可以任意组合： height： 窗口高度； width： 窗口宽度； top： 窗口距离屏幕上方的象素值； left：窗口距离屏幕左侧的象素值； toolbar： 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable： 是否允许改变窗口大小，yes或1为允许 location： 是否显示地址栏，yes或1为允许 status：是否显示状态栏内的信息，yes或1为允许； 我们需要预先制作好广告页面，假设为adv.htm，打开广告窗口的语句如下 ： open(“adv.htm”, “”, “toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=650, height=150”); HTML HEAD SCRIPT language=JavaScript function openwindow( ) { open(adv.htm, , toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=650, height=150); } /SCRIPT /HEAD BODY onLoad=openwindow( ) H2看看和我一起打开的广告窗口/H2 /BODY /HTML 使用 Open 方法 打开广告新窗口 添加页面加载事件 1.插入一个层Layer1， z-index=1； 2.层中插入一幅图片。 3.定时器函数setTimeout （）的用法： setTimeout（“调用的函数名”，间隔的毫秒数） 表示每隔多少毫秒，就循环调用某个函数来执行 清除某个定时器：clearTimeout（）方法。 例如： var myclock＝setTimeout（”move( )”,500）; if (…) clearTimeout（myclock）;； head script language=JavaScript function move( ) { document.getElementById(Layer1).style.left= Math