通过伪协议解决父页面与iframe页面通信的问题

网络编程 2024/11/20 佚名

3 1 2

我们经常会有父页面与iframe页面的操作，比如

这个iframe里面的内容是js写的。如以下代码

var iframe = document.getElementById("iframe"),
  doc = iframe.contentWindow.document;
doc.open();
doc.write("---------something------");
doc.close();

以上代码在大多数情况下是对的。但有种情况，即父页面显式的写了document.domain = "xxx";

在ie系列（IE10没试过）会出现没权限的错误。而在firefox, chrome都没问题.

这是为什么呢"", iframe里面的页面必须也显式的设置document.domain="xxx"，否则是

没有权限得到iframe.contentWindow.document的，即也没办法去动态写内容，其实也可以让iframe指向一个特定的页面，这个页面显式的设置document.domain="xxx",再通过文章开头的方

的方式来写，但问题是我的父页面有很多这样的iframe,个数是未知的（都是广告位），所以也不能通过特定页面。

这样问题就来了，在这种情况下，我们貌似没有办法

1. 父页面设置了并且必须会显式的设置document.domain

2.iframe页面的内容需要js动态生成。

3.没有机会为iframe设置src。

但上面3个条件都满足时，我们可以通过伪协议来解决此类的问题。

复制代码代码如下:
iframe.src="/UploadFiles/2021-04-02/javascript:void((function(){var d=document;d.open();d.domain='xxx;d.write('---something');d.close()})())">

通过这种方式可以显式的设置iframe的document.domain与父页面一致。

这样写了后，的确实现了动态写iframe内容的需求，但这个页面会单独弹出来，像window.open();
这是为什么呢？这也是ie系列的bug ,即父页面有<base target="_blank"></base>, 通过iframe的伪协议所写的内容会类似window.open一样弹出新页面，
但父页面的<base>又必须是_self, 所以只能在调用iframe.src之前将base的target设置为_self, 内容写完后，再将base的target设为_blank

这样就解决了此问题。

虽然伪协议可以解决此问题，但也有些风险，如果不到万不得已，也别随便用这种方式。

伪协议,父页面,iframe,页面通信

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“通过伪协议解决父页面与iframe页面通信的问题”

暂无评论...

更新日志

2024年11月20日

通过伪协议解决父页面与iframe页面通信的问题

JavaScript动态修改弹出窗口大小的方法

js通过iframe加载外部网页的实现代码

评论“通过伪协议解决父页面与iframe页面通信的问题”

更新日志

友情链接