iframe父子页面互相通信

1，父页面向子页面传递数据

<iframe id="myframe"  frameborder="0" width="100%" ></iframe>

父页面传值：
let parentData = {
    page:"www.baidu.com",
    name:"百度",
}
//向父页面传值
iframeWindow.postMessage(parentData, "*");
子页面接收数据:
window.addEventListener('message', (event) => {//子获取父消息

}, false);

2,子页面向父页面传递数据

let parentData = {
     page: "www.baidu.com",
     name: "百度"
};
window.parent.postMessage(parentData, '*'); //子页面传值

window.addEventListener('message', (event) => {//父获取子消息

}, false);