window.parent、window.top、window.self

2020-12-29 15:29

阅读：613

标签：使用 col style class color 方法 nbsp close parent

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

1.window.parent

功能：返回父窗口。

语法：window.parent

示例：

比如我们在使用A页面上使用了一个弹窗，弹窗引入了B页面，在弹窗的B页要我们要执行A页面的close方法就可以使用

window.parent.close();

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

2.window.top

功能：返回当前窗口的最顶层浏览器窗口。

语法：window.top

示例：

if (window.top!=window.self) {
    document.write("这个窗口不是最顶层窗口!我在一个框架?
")
}
else{
    document.write("这个窗口是最顶层窗口!
")
}

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

3.window.self

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

语法：window.self

示例：

if (window.top!=window.self) {
    document.write("这个窗口不是最顶层窗口!我在一个框架?
")
}
else{
    document.write("这个窗口是最顶层窗口!
")
}

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

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

window.parent、window.top、window.self

标签：使用 col style class color 方法 nbsp close parent

原文地址：https://www.cnblogs.com/zxf100/p/14182831.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：window.parent、window.top、window.self
文章链接：http://soscw.com/index.php/essay/39087.html

亲，登录后才可以留言！