javascript - addEventListener 在 Firefox 和 Chrome 中不起作用

Question

我使用 postMessage 函数向页面中的 iframe 发送消息，如下所示

$(document).ready(function(){
    document.getElementById('test').contentWindow.postMessage(message, '*');
)};//test is the id of my iframe in a.html

在b.html中，我使用window.addEventListener('message', onmessage, false);来接收此消息:

window.onload = function() { 
    var onmessage = function(e) { 
        document.getElementById('display').innerHTML = e.data; 
    }; 
    window.addEventListener('message', onmessage, false); 
}; //this is the javascript in b.html

它在 IE10 中运行良好，但我在 chrome 和 firefox 中收不到任何消息!为什么？

Answer 1

不要把你的代码放在window.onload中，可能当你调用postMessage时，iframe onload还没有被触发

 var onmessage = function(e) { 
        console.log(e);
    };
if ( typeof window.addEventListener != 'undefined') {
            window.addEventListener('message', onmessage, false);
          } else if ( typeof window.attachEvent != 'undefined') {
            window.attachEvent('onmessage', onmessage);
          }