步骤:
- 父页面关上子页面
- 子页面发送音讯给父页面告诉页面加载实现
- 父页面收到子页面加载实现后发送数据给子页面
代码示例:
父页面
const targetWindow = window.open("子页面地址", "_black");
window.addEventListener("message", e => {if (e.origin == "子页面地址") {console.log(e.data, "子页面发送来的数据");
targetWindow.postMessage("发给子页面的数据", "*");
}
});
子页面
window.addEventListener('message',e => {console.log(e.data,'父页面发送来的数据');
})
window.addEventListener('load',() =>{window.opener.postMessage('子页面加载实现');
})