javascript - iframe 和父站点之间如何通信？

Question

iframe 中的网站不在同一个域中，但两者都是我的，我想在 iframe 和父网站之间进行通信。有可能吗？

Answer 1

使用不同的域，无法直接调用方法或访问 iframe 的内容文档。

您必须使用 cross-document messaging .

父-> iframe

例如在顶部窗口中:

myIframe.contentWindow.postMessage('hello', '*');

在 iframe 中:

window.onmessage = function(e) {
    if (e.data == 'hello') {
        alert('It works!');
    }
};

iframe -> 父级

例如在顶部窗口中:

window.onmessage = function(e) {
    if (e.data == 'hello') {
        alert('It works!');
    }
};

在 iframe 中:

window.top.postMessage('hello', '*')