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

36次阅读

共计 394 个字符，预计需要花费 1 分钟才能阅读完成。

步骤:

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

代码示例:
父页面

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

正文完