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

Question

例如 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页面?

Answer 1

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