前端跨域方法之window.PostMessage

一、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: 发送的消息

}