iframe窗口跨域消息传送postMessage

定义:postMessage() 方法用于安全地实现跨源通信。

看看菜鸟的介绍

<iframe style="width: 100%; height:100%" id="test" src="url" />


// 接收子窗口消息
window.addEventListener('message', this.Fn)

Fn (e) {
    console.log(JSON.parse(e.data)) // 子窗口传来的消息
}

// 发送消息到子窗口

this.iframeContentWindow = document.querySelector('').contentWindow

this.iframeContentWindow.postMessage(JSON.stringify(XXData), '*')

参考内容:postMessage - 跨域消息传递_huangpb0624的博客-CSDN博客_postmessage