javascript - 使用 postMessage API 时如何确保弹出窗口已完全加载？

Question

如您所知，使用 html5 的 API postMessage，我们可以将消息发布到当前页面的 iframe，或者新的弹出窗口，但是如果我们这样编码:

var popwindow = window.open('http://localhost:8080/index2.html');
popwindow.postMessage({"age":10}, 
   'http://localhost:8080/index2.html');

在弹窗还没有加载的时候，我们使用“postMessage”是收不到消息的，那么如何确定弹窗已经加载了呢？我们不能在当前页面使用popwindow.onload，那怎么办呢？请帮助我~谢谢

Answer 1

你可以随时使用

window.opener.postMessage(...

在 index2.html 中向开启器发出它已加载的信号

或者，有一种老派的方式:

在 index.html 中

function imOpen(win) {
    win.postMessage(// whatever ... 
}
window.open('index2.html');

在 index2.html 中

window.addEventListener('load', function() {
    window.opener.imOpen(window);
});