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

Barbara Streisand

发布： 2024-11-26 06:12:08

原创

380 人浏览过

How Can Iframes on Different Domains Communicate Using 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中文网其他相关文章！

来源：php.cn

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章