第九章(window对象子对象和文档对象).pptVIP

* * top对象是顶层窗口的同义词，可以通过使用top.close() 将顶层窗口关闭，可以通过使用top.length来得到顶层窗 口中含有的框架个数。 第九章 windowd对象的子对象和文档对象 课程回顾 了解DOM模型与BOM模型 熟悉BOM中的顶级对象window 了解window对象的常用属性和集合（document，location，frames，undefined） 熟悉window对象的常用方法eval() isNaN() parseInt() parseFloat() 熟悉window对象的对话框及窗口操作方法 熟悉window对象的定时器的相关操作，包括setTimeout()、clearTimeout() 、setInterval()、clearInterval()等函数的使用 掌握JavaScript函数对象的结构、参数及调用 掌握JavaScript常用事件的使用 课程目标 熟悉window对象的常用子对象，包括opener、self、parent、top的应用方式等。 掌握地址对象location 掌握历史对象history 掌握浏览器信息对象navigator 熟悉document的常用属性和方法 理解DOM，并能够使用JavaScript操作HTML中的DOM window对象的常用子对象 opener属性 self属性 parent属性 top属性 history历史对象 常用窗口对象 location位置对象 frames集合 navigator对象 opener子对象 opener对象可以用于确定open方法打开窗口的源窗口 在使用open()方法打开新页面时候。可以通过opener属性来引用到父窗口。从而相互传值 self子对象 self对象实际上代表的是窗口自身，是用于对窗口对象自身的一些属性进行控制。在框架集应用或者对话框窗口中，使用self来引用自身能避免混乱 例如在使用showModalDialog()方法,或 showModelessDialog()方法新打开的对话框页面中，使用链接将会在新页面打开，因此需要将对话框的默认链接目标指向self来避免这种情况！ 代码： 在head标记中加入base target=_self parent子对象和top子对象 这两个属性应用于框架页面中。没有框架的页面讨论parent和top是没有意义的。 parent对象指相对于子窗口的父窗口。是一个相对的概念。只有在子窗口中才能获得到这个属性。 top对象指整个页面。也就是最外层的那个窗口。 Parent案例 此处超链接的target属性应该怎么写？ a href=“login.html”target=“_parent”退出后台/a Js代码是： parent.location=“login.html” top对象 对于base窗口来说，他的top对象是A窗口 可以通过top.length来得到顶层窗口中含有的框架个数 Base窗口 A 窗 口 location子对象 属性 说明 hash 锚点名称 host 主机名称 hostname host:port href 完整的URL字符串 pathname 路径 port 端口 protocol 协议 search 查询信息 Location 位置对象的 属性说明 location对象：用来代表特定窗口的URL信息。 URL的格式：protocol//host:port/path?search#hash 其中常用的协议有：http、file、ftp、mailto、news 范例：/webhp?source=g_cn location对象的常用方法 location位置对象的方法 方法 说明 reload() 重新加载 replace(网址) 用指定的网页取代当前网页 按下一个按钮后前往网易网站，那么使用下面的代码 input type=button value=走吧！ onClick=location.href=/ history历史对象 属性 说明 length 存储在记录清单中的网址数目 方法 说明 back() 回到上一个历史记录中的网址 forward() 回到下一个历史记录中的网址 go(整数或URL) 前往历史记录中的网址 用于存储客户端最近访问过的网址清单 history历史对象的属性 history?历史对象的方法 框架对象 框架对象：是在同一屏幕上显示多个互不干涉的可滚动框架 的窗口。 frames属性：是由源文件中含有Frameset的Frame标签创 建的子框架的对象构成的