我可以使用window.postMessage进行同步跨域通信吗？

Question

我正在考虑直接使用 window.postMessage 进行跨域通信。

如果我这样做：

1. postMessage() 从父框架
2. 加载一个 iframe
3. window.addEventListener("message", callback, false); 从子 iframe

我什么时候会收到消息加载iframe之前发布的内容会被执行吗？他们一定会被处决吗？有时间保证吗？

我想从顶部框架传递一个影响子框架初始化的参数。

Answer 1

postMessage() 函数是异步的，这意味着它将立即返回。所以你不能与它进行同步通信。

在您的示例中，发布的消息将消失在空白中，因为在执行 postMessage() 函数时没有消息事件的侦听器。

如果您先加载 iframe，然后调用 postMessage()，那么可能会出现计时问题。 （根据我的经验，没有，父代码总是先执行，但我不确定这一点。）

下面是我针对不知道 iframe 何时准备就绪的问题的解决方案。

在父窗口中：

1. 加载 iframe（这也是异步的）
2. 设置消息侦听器
3. 将消息发送到 iframe（只是在此处尝试）
4. 等待更多消息到来

在 iframe 中：< /em>

1. 设置消息监听器
2. 将消息发送到父窗口（这里只是尝试）
3. 等待更多消息到来

无论谁从对方收到第一条消息，然后开始真正的通信。

根据我的经验，从父级到 iframe 的消息总是会丢失，因此当父级收到来自 iframe 的消息时，通信就会开始。但在此设置中，哪个先启动并不重要。

Answer 2

要从父窗口向 iframe 发送第一条消息，您只能在 iframe 加载后执行此操作，在此之前您甚至无法将消息从子窗口发送到父窗口。
因此，为了做到这一点，请为 iframe 提供一个 onload 处理程序，以便您可以使用 postmessge()。
考虑以下相同的代码。

ifrm.setAttribute('src','www.yoururl.com'));
document.body.appendChild(ifrm);
ifrm.onload = function() {
   this.contentWindow.postMessage(dataObject,'targetWindow');
}