window.parent window.top及window.self 详解

Posted jimc

tags:

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

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

1. window.self

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

语法:window.self

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

2. window.top

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

语法:window.top

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

3. window.parent

功能:返回父窗口。

语法:window.parent

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

 

示例:

判断当前窗口是否在一个框架中:

<script type="text/javascript">     
    var b = window.top!=window.self;     
    document.write( "当前窗口是否在一个框架中:"+b ); 
</script>

 

你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架。

 

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

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

第8章BOM

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

控制 iframe 视为 window.top 的内容?

关于iframe里的子页面如何调取父级页面里的事件(子调父)

IE7下iframe无法使用window.parent获取父元素中的变量值