Js中的window.parent ,window.top,window.self 了解

Posted 进军的王小二

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Js中的window.parent ,window.top,window.self 了解相关的知识,希望对你有一定的参考价值。

在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。

window.self:

功能:是对当前窗口自身的引用。它和window属性是等价的。

语法:window.self

注:window、self、window.self是等价的。

 

window.top:

功能:返回顶层窗口,即浏览器窗口。

语法:window.top

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

 

window.parent:

功能:返回父窗口。

语法:window.parent

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

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

在只有当前页面:

alert("1");

top.alert("1");

self.alert("1");

window.alert("1");

parent.alert("1")

是一样的效果

 

以上是关于Js中的window.parent ,window.top,window.self 了解的主要内容,如果未能解决你的问题,请参考以下文章

js中window.opener和window.parent的用法

求个简单的JS代码关于window.parent.close()

JS之iframe中的窗口

关于window.parent的浏览器兼容问题

window.parent.parent.是指啥?

js打印