addEventListener не работает в Firefox и хром

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

$(document).ready будет работать на DOMContentLoaded, что может произойти до того, подрамник загрузится. Таким образом, есть хорошая вероятность, что вы отправляете сообщение в родительском элементе, прежде чем добавить слушателя в дочерний элемент.

Answer 2

Проверьте обновление Chrome и FireFox, если браузер является последним.

ИЛИ

попробовать ....

alert(onmessage); 

если их любой выход сообщения.

Answer 3

Не помещайте свой код в 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); 
      }