window.open 与 iframe

最新推荐文章于 2023-07-27 10:35:32 发布

weixin_34183910

最新推荐文章于 2023-07-27 10:35:32 发布

阅读量718

点赞数 1

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lxh520/p/9392001.html

本文详细介绍了JavaScript中window.open方法及window对象的opener与parent属性的使用方式与区别。通过实例解释了如何在不同类型的窗口间进行交互，包括由window.open创建的窗口与其父窗口之间的通信，以及iframe内嵌页面与父页面间的通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://www.cnblogs.com/qianxunpu/p/7086411.html

1.window.open

window.open();方法的父子页面
注意：这两个文件不能再本地直接打开，会报错：必须要在架设在服务器上
否则会报错
children.html:11 Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.

opener 属性非常有用，创建的窗口可以引用创建它的窗口所定义的属性和函数。

window.opener

注释：只有表示顶层窗口的 Window 对象的 operner 属性才有效，表示框架的 Window 对象的 operner 属性无效。

2.opener与parent的区别 并附上top

window.parent 是iframe页面调用父页面对象，当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取，
window.opener 是window.open或超链接<a> 打开的子页面调用父页面对象
parent表示父窗口，parent用于在iframe,frame中生成的子页面中访问父页面的对象。比如一个A页面利用iframe或frame调用B页面，那么A页面所在窗口就是B页面的parent。

转载于:https://www.cnblogs.com/lxh520/p/9392001.html