Javascript中window.parent ,top,self,opener 详解

老谭TYH

已于 2022-08-13 00:12:08 修改

阅读量1k

点赞数 1

分类专栏：前端文章标签： servlet javascript 开发语言

于 2022-08-13 00:10:43 首次发布

原文链接：https://blog.csdn.net/m0_63183645/article/details/124515808

版权

前端专栏收录该内容

61 篇文章 0 订阅

订阅专栏

在应用有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属性返回的是对自身的引用。

在框架网页中，一般父窗口就是顶层窗口，但如果框架中还有框架，父窗口和顶层窗口就不一定相同了。
window.parent中parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面就是B页面的parent。B页面可以通过parent访问A页面。

window.opener
window.opener中的opener表示谁打开我的，比如一个A页面利用window.open弹出了B页面，那么A页面就是B页面的opener。B页面可以通过opener访问A页面。

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

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

举个栗子：

父窗口中调用methods方法

<body>
　  <iframe src="child.html" frameborder="0"></iframe>
    <script>
          window.methods = {
              workOrderCallback() {
                  console.log(arguments);
              }
          };
  
     </script>
</body>

子窗口中调用父窗口中methods方法

<body>
    <script>
        window.parent.methods.workOrderCallback(111);
    </script>
</body>

注意：首先要保证同域

　　　　　这里用的window.parent找的是父级window,区别于window.top

老谭TYH

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Javascript中window.parent ,top,self,opener 详解

的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。一个浏览器窗口可以根据你的需要分成任意多的框架，一个单个的框架也可以分成其它多个框架，即所谓的嵌套框架。在框架网页中，一般父窗口就是顶层窗口，但如果框架中还有框架，父窗口和顶层窗口就不一定相同了。注：如果窗口本身是顶层窗口，parent属性返回的是对自身的引用。注：如果窗口本身就是顶层窗口，top属性返回的是对自身的引用。..
复制链接

扫一扫

专栏目录