0
点赞
收藏
分享

微信扫一扫

Window与document对象及几种属性

【1】window对象

Window 对象表示浏览器中打开的窗口。

它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。

如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

window.location :
包含 href 属性,直接取值赋值时相当于 window.location.href。
window.location.href: 当前页面完整 URL。

【2】document对象

document 只是属于window 的一个子对像。

该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。

  • document.location 包含 href 属性,直接取值赋值时相当于 document.location.href。
  • document.location.href 当前页面完整 URL。
  • document.href 没有这个属性。
  • document.URL 取值时等价于 window.location.href 或 document.location.href。
  • 在某些浏览器中通过对 document.URL 赋值来实现页面跳转,但某些浏览器中不行。

【Tips】:几个属性对象

  • 1.top

该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。

注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。

  • 2.opener

opener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如:A页面通过window.open()方
法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作。

  • 3.parent

parent用于在iframe,frame中生成的子页面中访问父页面的对象。例如:A页面中有一个iframe或frame,那么iframe
或frame中的页面就可以通过parent对象来引用A页面中的对象。这样就可以获取或返回值到A页面中。

注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。

在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。

  • 4.另外self 指的是当前窗口

parent与opener的区别:

parent指父窗口,在FRAMESET中,FRAME的PARENT就是FRAMESET窗口。

opener指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。

parent是相对于框架来说父窗口对象

opener是针对于用window.open打开的窗口来说的父窗口,前提是window.open打开的才有

document.parentWindow.menthod()调用父页面的方法

附:Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系
Window对象→Parent对象→Frame对象→Document对象→Form对象,
如下: parent.frame1.document.forms[0].elements[0].value;


举报

相关推荐

0 条评论