不同域的iframe如何使用PostMessage进行通信？

iframe 与父站点之间的跨域通信

当 iframe 与其父站点驻留在不同域时，通过方法直接通信或内容文档访问不可行。在这种情况下，解决方案在于跨文档消息传递。

父级到 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', '*')

记住，postMessage()函数中的星号(*)代表通配符，允许任何来源接收消息。

以上是不同域的iframe如何使用PostMessage进行通信？的详细内容。更多信息请关注PHP中文网其他相关文章！