当前位置: 首页 > Web前端 > JavaScript

window.open不同源页面相互通信传递数据

时间:2023-03-27 12:36:41 JavaScript

个人网站https://kuangyx.cn步骤:父页面打开子页面,子页面向父页面发送消息通知页面加载完成,父页面接收子页面并加载完成后发送数据子页面代码示例:父页面consttargetWindow=window.open("subpageaddress","_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('子页面加载完毕');})