Проблема с сообщением postMessage от родителя к дочернему iFrame

Question

У меня возникла проблема, связанная с моим родительским окном дочернему iFrame. Но с другой стороны все работает отлично. Вот как я получаю CHiL объект Iframe для того, чтобы поджечь PostMessage функции:

var iFrame = document.getElementById('Frame').contentWindow; 

Когда я печатаю его Int он утешит, я получаю следующее:

Window {parent: Window, opener: null, top: Window, length: 0, frames: Window…} 

Когда Я перехожу к функции postMessage следующим образом:

iFrame.postMessage("message", "http://contoso.com"); 

Это показывает мне erro r при загрузке страницы: iFrame.postMessage не является функцией. Когда я исполняю PostMessage в консоли, я получаю неопределенными

Что я делаю неправильно?

Answer 1

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

var iFrame = document.getElementById('Frame'); 
iFrame.contentWindow.postMessage("message", "http://contoso.com"); 

я тоже была эта проблема. Я нашел решение с этого сайта https://www.viget.com/articles/using-javascript-postmessage-to-talk-to-iframes

Answer 2

Ниже также работает код.

$('#id')[0].contentWindow.postMessage("hello world",targetOrigin);

Существует разница между селектором и JQuery document.getElementById.

Документ.getElementByID возвращает объект HTML DOM.
jQuery selector возвращает объект jQuery.

Дополнительную информацию см. Ниже. document.getElementById vs jQuery $()