iFrame 之间的通信？ [复制]

Question

如何让两个 iFrame 相互通信？ 例如，我是第二个 iframe 的元素值，而第一个 iframe 上有显示元素。我需要从第二帧到第一帧的值。我该怎么做？ 不要说使用 cookie，因为大量数据会造成伤害。

Answer 1

我会首先警告您，您需要两个 iframe 的完整代码修改能力。 iframe 受到严格的安全处理；否则，我可以创建一个域“bunkofamerica.com”，将“bankofamerica.com”放在 iframe 中，然后在用户输入密码时对其进行分析。 （无论如何，银行往往都有 iframe-busting 代码，但仍然......）

您正在寻找这个原生函数： https://developer.mozilla.org/en-US/docs/Web/API/window.postMessage

这是我公司用来使这个更跨浏览器兼容的 github 库：https://github.com/daepark/postmessage

jbabey 是正确的，如果 iframe 在同一个域和协议中，那就更容易了。

Opera Docs 用最相关的例子解释了这一点https://dev.opera.com/articles/window-postmessage-messagechannel/#channel

Answer 2

首先，框架可以与自身外部交互的唯一方式是，如果在两个位置加载的内容来自同一个域，否则您将收到 CORS 错误。

假设这都是肉汁，我会在父框架的窗口对象上创建一个管理器对象。

window.Mgmt = {
    frame1: $('iframe#frame1'),
    frame2: $('iframe#frame2')
}

那么在任一 iframe 中，您应该能够使用 window.parent.Mgmt.frame1 等访问该对象

Answer 3

如果<iframe> 元素来自同一个域，那么它们可以直接相互访问。例如，在iframe1 你可以这样做：

document.getElementById('someDiv').innerHTML = 
    top.document.getElementById('otherIframe').contentWindow.
    document.getElementById('someOtherDiv').innerHTML;