跨域JS传值时，postMessage 页面之间发送消息

最新推荐文章于 2024-09-11 07:57:51 发布

原创最新推荐文章于 2024-09-11 07:57:51 发布 · 1.9k 阅读

5 ·

CC 4.0 BY-SA版权

资料专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了postMessage方法的使用，包括如何在不同源的窗口间进行安全的消息传递。文章强调了在iframe环境下，使用top.postMessage而非window.postMessage的重要性，以避免出现Failedtoexecute‘postMessage’on‘DOMWindow’错误。

postMessage方法

使用方法：

监控JS：

window.addEventListener( "message",

function(e){

},false);

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

top.postMessage("{msg:'你好'}", "www.hao123.com");//写top.postMessage或者是parent.message，对于top和parent区别，不要写window.postMessage

Failed to execute ‘postMessage’ on ‘DOMWindow’ 错误

出现Failed to execute ‘postMessage’ on ‘DOMWindow’，要用top.postMessage，不要用window.postMessage,其实top就是指向iframe最顶层的窗口，在我们这个例子中，因为主页面iframe，用window.postMessage会出现这个问题