第四章JavaScript浏览器对象.ppt

第四章 JavaScript的浏览器对象 回顾 函数的定义和使用 事件处理的概念 鼠标键盘事件的使用 页面相关事件的使用 表单事件的使用 Event对象的使用 预习检查 window对象常用的属性有哪些？ 请解释setTimeout( )方法的功能。 History对象的常用方法有哪些？ 本章任务 制作窗口打开和关闭的效果； 制作时钟的效果； 制作操作历史记录的效果； 本章目标 掌握Window对象的使用 掌握JavaScript中的对话框 掌握窗口的打开和关闭 控制窗口技术的应用 BOM BOM是browser object model的缩写，简称浏览器对象模型； BOM提供了独立于内容而与浏览器窗口进行交互的对象； 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window； BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性； BOM模型图 Window对象 Window对象是BOM中的顶层对象； Window对象的创建： 当包含BODY、FRAMESET或FRAME元素时，都会自动建立window对象的实例； 可以使用window.open()方法创建； 由于window是顶层对象，因此调用它的子对象时可以不显式的指明window对象； Window对象常见属性 名称 说明 status 指定浏览器状态栏中显示的临时消息 screen 有关客户端的屏幕和显示性能的信息。 history 有关客户访问过的URL的信息。 location 有关当前 URL 的信息。 document 表示浏览器窗口中的HTML文档 Window对象常见方法 名称 说明 alert (提示信息) 显示一个带有提示信息和确定按钮的对话框 confirm(提示信息“) 显示一个带有提示信息、确定和取消按钮的对话框 prompt(“提示信息”,”初始值”) 显示可提示用户输入的对话框 open (url,name) 打开具有指定名称的新窗口， close ( ) 关闭当前窗口 showModalDialog( ) 在一个模式窗口中显示指定的HTML文档 setInterval((函数,毫秒数) 设定时间间隔：每指定毫秒时间执行函数一次 setTimeout(函数,毫秒数) 设置定时器：经过指定毫秒值后执行函数 一次 消息框方法详解 警告框：alert(Str) 确认框：confirm(str)，该方法返回一个布尔值表示消息确认的结果，true表示客户同意了该消息，而false表示客户不同意该消息或确认框被客户直接关闭 。 提示框：prompt()，用于收集客户关于特定问题而反馈的信息，该方法产生一个带有短字符串消息的问题和“确定”、“取消”按钮的模式对话框，提示客户输入上述问题的答案并选择单击其中一个按钮表示确定还是取消该提示框。如果客户单击了“确定”按钮则将该答案返回，若单击了“取消”按钮或者直接关闭则返回null值 open()方法详解 Window对象提供完整的方法用于创建新窗口并在父窗口与字窗口之间进行通信。一般来说，主要使用其open()方法创建新浏览器窗口，新窗口可以包含已存在的HTML文档或者完全由该方法创建的新文档，其语法如下 ： newWindow=window.open(targetURL,pageName, options) targetURL：指定要打开的目标文档地址； pageName：设定该页面的引用名称； options：指定该窗口的属性，如页面大小、有否工具条等。 setInterval()方法详解 setInterval()方法用于设定时间间隔，用于按照某个指定的时间间隔去周期触发某个事件，典型的应用如动态状态栏、动态显示当前时间等，该方法的语法如下： TimerID=window.setInterval (targetProcess,itime) TimerID=setInterval (targetProcess,itime) targetProcess：指目标事件。 Itime：指间隔的时间，以毫秒(ms)为单位。 同时，Windows对象提供clearInterval()方法用于清除该间隔定时器使目标事件的周期触发失效，该方法语法如下： window.clearInterval(TimerID) setTimeout()方法详解 延时执行命令 Window对象提供setTimeout()方法用于设置某事件的超时，即在设定的时间到来时触发某指定的事件，该方法的实际应用有警告框的显示时间和状态栏的跑马灯效果、打字效果等。其语法如下： timer=window.setTimeout(函数,延时时间) timer=setTimeout