如何通过window.postMessage()在两个不同网页间安全传递信息？

本文共计1038个文字，预计阅读时间需要5分钟。

目录 + 说明 + 发送端 + postMessage程序 + 发送消息的基本语法： + targetWindow + message + targetOrigin + transfer + 接收端 + 完整程序 + 发送程序 + 接收程序 + 说明 + window.postMessage()方法 + 可以安全地实现Window对象之间的跨域通信

目录

• 说明
• 发送端
• postMessage程序
• 发送消息的基本语法：
• targetWindow
• message
• targetOrigin
• transfer
• 接收端
• 完整程序
• 发送程序
• 接收程序

说明

window.postMessage()方法可以安全地实现Window对象之间的跨域通信。例如，在一个页面和它生成的弹出窗口之间，或者是页面和嵌入其中的iframe之间。

通常情况下，不同页面上的脚本允许彼此访问，当且仅当它们源自的页面共享相同的协议，端口号和主机（也称为“同源策略”）。window.postMessage()提供了一个受控的机制来安全地规避这个限制（如果使用得当的话）。