«данные» являются нулевыми или нет объектами IE8

Question

Я передаю сообщение с iframe на его родительскую страницу, используя postMessage. Это мой код. В IFRAME:

$(".history_date").click(function(event) { 
    window.top.postMessage($(this).text(), "*"); 
}); 

В родительской страницы:

$(function(){ 
window.onmessage = function(e){ 
    if(e.data){ 
     //do something 

    } 
}; 
}); 

Он хорошо работает в Chrome, Firefox и IE9/10, но в IE8, то indecates ошибка

'данные' является нулевым или не является объектом.

Как это исправить? Заранее спасибо.

Answer 1

IE8 еще не хватает вложений событий DOM2, по-прежнему используя глобальный event объект, а не один он проходит в обработчики событий. Вы сказали, что ошибка 'data' is null or not an object, вы уверены, что это не 'e' is null or not an object?

Если это так, то это должно исправить:

window.onmessage = function(e){ 
    e = e || window.event; 
    if (e.data) { 
     // ... 
    } 
}; 

На IE8 и ранее, ни один аргумент не передается в обработчики событий. Вместо этого вы смотрите на глобальную переменную event (глобальные переменные также являются свойствами объекта window). Итак, на IE8 и ранее, e будет undefined, тогда как на IE9 + и всех других браузерах объект события будет e.

Так эта линия:

e = e || window.event; 

... использует the curiously-powerful || operator, который будет возвращать свой первый аргумент, если этот аргумент «truthy» или его второй аргумент, если первый является «falsey.» Поскольку undefined ложно, на IE8 и ранее, e = e || window.event присваивает window.event до e. В IE9 + и во всех других браузерах он просто присваивает e обратно себе (нет-op).

Это общий шаблон кода, который должен взаимодействовать как с IE8, так и ранее, и браузерами, которые передают объект события в обработчик.

Answer 2

console.log не поддерживается в старой версии IE. Попробуйте удалить строку

console.log("message get: "+ e.data);