IFrame到IFrame的通信

作者: 甲基蓝
发布时间: 2024-03-14 09:11:51 (2月前)
转自：

7 条回复

0#
回复此人
v-star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 只需通过 <code> parent </code> 和 <a href="http://www.jibbering.com/faq/#frameRef" rel="nofollow"> <code> frames.frameId </code> 同 <code> contentWindow </code> 和 <code> contentDocument </code> </A> 属性，记住 <a href="http://www.jibbering.com/faq/#permissionDenied" rel="nofollow"> 同源政策 </A> </p> </DIV>

编辑
1#
回复此人
荧惑 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 如果iFrame共享相同的域来源，您可以直接调用Javascript或从另一个iFrame读取/写入变量。您将获得iFrame对象并从中获取Web页面的窗口对象。 </p> <P> 如果iFrame没有相同的来源，那么现代浏览器将阻止您与普通的javascript通信。传递信息的唯一方法是使用消息传递，这是一种相对较新的浏览器功能，需要在两个iFrame的代码之间进行预协作。 </p> </DIV>

编辑
2#
回复此人
Just do it | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 如其他答案中所述，在iframe和父文档之间进行通信有几种不同的方式，但需要控制iframe文档。（postmessage等）然而，似乎这将很快变得容易，因为webkit已经为iframe实现了新的属性 - 一个控制这种行为并且特别允许删除iframe限制 - 即相同的域。虽然有趣的是它唯一的html5 / webkit，但显示了iframe很酷的未来可能性 <a href="http://www.w3schools.com/html5/att_iframe_sandbox.asp" rel="nofollow"> http://www.w3schools.com/html5/att_iframe_sandbox.asp </A> </p> </DIV>

编辑
3#
回复此人
老人与海。 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 正如jfriend00所说，你不能跨域调用javascript。这会违反 <a href="http://en.wikipedia.org/wiki/Same_origin_policy" rel="nofollow"> 同源政策 </A> 。 </p> <P> HTML5的一个新功能是 <a href="http://ajaxian.com/archives/using-html-5-postmessage" rel="nofollow"> 的postMessage </A> 。这允许您向iframe发送消息。然后，它需要iframe内容上的消息监听器来处理您的消息。 </p> </DIV>

编辑
4#
回复此人
咿呀哟 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我们可以通过使用dojo库dojox来实现iframe之间的通信方式 <a href="http://dojotoolkit.org/reference-guide/1.7/dojox/cometd.html" rel="nofollow"> dojox.cometd </A> 。 </p> <P> 使用这个我们可以将每个javascript函数推送到另一个iframe或其他页面。 </p> <P> 我们可以使用不同的浏览器或iframe使用相同的域在不同的计算机之间进行通信，但其局限性是我们无法使用不同的域进行通 </p> </DIV>

编辑
5#
回复此人
不浪漫罪名 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 如果您需要将值从一个iFrame传递给另一个iFrame，则可以通过在父iFrame中设置隐藏字段，然后从子项访问它来实现： </p> <P> 它会是这样的： </p> <P> 在父母： </p> <pre> <code> var input = document.createElement("input" ); input.setAttribute( "type", "hidden" ); input.setAttribute( "id", "combinationType" ); input.setAttribute( "value", "very cool!!!" ); document.getElementsByTagName( 'div')[0].appendChild(input); </code> </pre> <P> 在孩子： </p> <pre> <code> var val = window.parent.document.getElementById('combinationType').value; </code> </pre> <P> 我希望它有所帮助。 </p> </DIV>

编辑

登录后才能参与评论