浏览器窗口通信

针对window.open()打开的新窗口与原窗口之间的通信问题。

1. 父窗口

window.open(’href‘, ‘_blank’) // href 跳转连接
window.addEventListener(‘message’, this.receiveMessage, false)`
// 子窗口发生变化后回调函数
receiveMessage (event) {
// event.data 发送过来的消息。
// event.origin 子窗口连接地址
if (event.origin !== url) return // 建议校验子窗口地址， url校验地址
if (event.data !== ‘01’) return
/* 执行触发函数 */
},

2. 子窗口

// 使用opener.postManage 触发父窗口, data 需要向父窗口传递的参数
window.opener.postMessage(data, window.location)