js 如何监听window.open不同源的页面加载完成

tomiaa
  • 42

例如 a.com 打开

let targetWindow = window.open('http://b.com','_black')

targetWindow.postMessage('asdasd','*') // 这里立即发送 b页面接搜不到,open事件是异步的

targetWindow.onload = () => { // 这样会直接报错提示跨域了
 targetWindow.postMessage('1111','*')
}

setTimeout(() => {  // 使用延迟的话测试b页面可以接收到,但是b页面网速慢了就不行
  targetWindow.postMessage('111','*')
},100);

b.com 接受消息

window.addEventListener('message',msg => {
  console.log(msg);
})

有什么方法可以监听加载完成后发送消息给b页面?

回复
阅读 817
1 个回答

你可以在子窗口里给父窗口 postMessage 告诉它自己加载完了呀,父窗口是 window.opener

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏