关于javascript:windowopen-不同源页面通信-传递数据

步骤:

1. 父页面关上子页面
2. 子页面发送音讯给父页面告诉页面加载实现
3. 父页面收到子页面加载实现后发送数据给子页面

代码示例:
父页面

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('子页面加载实现');
})