window的message事件

最新推荐文章于 2025-03-11 12:16:21 发布

夢歸何處

最新推荐文章于 2025-03-11 12:16:21 发布

阅读量2.1w

点赞数 2

分类专栏： web前端

本文链接：https://blog.csdn.net/ASD1415926/article/details/13505041

版权

web前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了HTML5中新增的postMessage方法，该方法能够实现不同文档间的跨文档消息传输。通过绑定window的message事件，可以监听并处理来自其他文档的消息。文章提供了父页面和子页面的具体代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在HTML5中新增了postMessage方法，postMessage可以实现跨文档消息传输（Cross Document Messaging），Internet Explorer 8, Firefox 3, Opera 9, Chrome 3和 Safari 4都支持postMessage。

该方法可以通过绑定window的message事件来监听发送跨文档消息传输内容。

父页面：
var OnMessage = function (e) {
            alert(e.data);
        }

        if (window.addEventListener) { // all browsers except IE before version 9
            window.addEventListener("message", OnMessage, false);
        } else {
            if (window.attachEvent) {   // IE before version 9
            window.attachEvent("onmessage", OnMessage);
            }
        }

子页面：
<script type="text/javascript">
window.parent.postMessage("hello","*");
</script>