1.简述

在应用有frameset或者iframe的页面时，

parent是父窗口，

top是最顶级父窗口，

self是当前窗口，

2.window.self

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

语法：window.self

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

3.window.top

功能：返回顶层窗口，即浏览器窗口。

语法：window.top

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

4.window.parent

功能：返回父窗口。

语法：window.parent

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

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

5.判断

window.parent ,window.top,window.self可以分别获取当前窗口、父窗口、顶层窗口的对象引用，

我们可以使用这三个对象判断是否应用有iframe嵌套或者是否有多层iframe嵌套或实现其它功能，举例如下：

1.window.top===window.self 为true表示当前窗口就是顶层窗口，没有iframe应用；为false表示当前窗口不是顶层窗口，存在iframe应用。
2. window.top===window.parent （window.top!==window.self）为true表示父窗口就是顶层窗口，只有一层iframe嵌套；为false表示父窗口不是顶层窗口，存在多层iframe嵌套。
3.使用不同对象的location. href实现嵌套中指定窗口的跳转；使用不同对象的location. reload()实现嵌套中指定窗口的刷新。

JS的window.parent ,window.top,window.self相关推荐

Js中的window.parent ,window.top,window.self 详解
在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法 ...
JS window对象的top、parent、opener含义介绍以及防止网页被嵌入框架的代码
1.top 该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. 2.opener opener用于在window.open的页面引用执行该wind ...
window.parent ,window.top,window.self 详解
转载:Js中的window.parent ,window.top,window.self 详解在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中 ...
window.parent,top,window.self,parent,opener
2019独角兽企业重金招聘Python工程师标准>>> 在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frames ...
html window 属性,html中window对象top 、self 、parent 等属性
top 属性返回最顶层的先辈窗口. 该属性返回对一个顶级窗口的只读引用.如果窗口本身就是一个顶级窗口,top 属性存放对窗口自身的引用.如果窗口是一个框架,那么 top 属性引用包含框架的顶层窗口. ...
js操作frame详细解说,window.opener和window.parent的区别
js操作frame详细解说,window.opener和window.parent的区别 frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是 ...
parent.window php,javascript中的window.self、window.top、window.parent和window.opener详解
在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法 ...
Node-Webkit:nw.js 父子窗口间通信 Child window to call parent window
Node-Webkit:nw.js 父子窗口间通信 Child window to call parent window 先看效果感谢网友分享参考文章http://www.360doc.com/c ...
window.parent和window.opener区别
下面一段代码是关于window.parent和window.opener区别来讲的,我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElemen ...

JS的window.parent ,window.top,window.self