本文介绍了前端开发中使用window.postMessage进行跨域通信的方法。该技术允许不同源的窗口之间通信，即使它们不在同一个页面。通过postMessage方法发送消息，并通过监听message事件接收消息，实现父子窗口之间的信息传递。
一、window.PostMessage适用于同一页面的不同窗体内跨域通信。该方法允许跨窗口通信，不论这两个窗口是否同源。
二、举例来说，父窗口http://127.0.0.1:3000/index.html 向子窗口 http://127.0.0.1:3001/index.html发送消息，调用postMessage方法就行。（向谁发送消息，首先要获取其window对象，比如父窗口向子窗口发送消息，首先要获取子窗口window对象，然后调用postMessage方法）如下：
三、window.postMessage(message, origin)
message: 具体的信息内容
origin： 接受消息的源
四、window.addEventListener('message', callback, false)
通过监听message事件，可以监听对方发送的消息。
callback: function(event){}
//event有三个属性 分别是
{
source: 发送消息的窗口
origin: 发送消息的域名
data: 发送的消息
}
扫一扫
979
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
