iframe 消息传递的父窗口不起作用

Question

我有一个窗口，它是父窗口。然后在此窗口内有一个 iframe。 在父窗口中，我正在进行 ajax 调用。从调用中收到数据后，我需要将数据发布到子 iframe。

在子 iframe 中，我已经注册了如下所示的调用 -

function Mymessage() {
    console.log("Received message from parent window");
}
window.addEventListener("message", Mymessage, false);

在父级中，成功调用 ajax 后，我将数据发送到子 iframe，如下所示 -

window.postMessage(mydata, '*');

问题 - 我一直在调试，阅读它。但不工作。 “Mymessage”函数根本不会被调用。为什么？

当我将调试点放在 window.postmessage 上时，它就成功了。但是当我尝试进入它时，它只是进入下一行。是这样吗？

Answer 1

请尝试以下操作：

window.onload = function() {
    (window.addEventListener && window.addEventListener('message', Mymessage, false) // FF,SA,CH,OP,IE9+
                    || window.attachEvent && window.attachEvent('onmessage', Mymessage)); // IE8 
}