Kommunikation mit postMessage von Eltern zu Kind ausgeben iFrame

Question

Ich habe ein Problem, das von meinem Elternfenster zum Kind-iFrame kommuniziert. Auf der anderen Seite funktioniert alles perfekt. Hier ist, wie ich die chil iFrame Objekt erhalten, um die postmessage Funktion Feuer:

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

Wenn ich es drucken int er trösten, erhalte ich folgendes:

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

Wenn Ich gehe zur postMessage-Funktion wie folgt:

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

Es zeigt mir ein Fehler r beim Laden der Seite: iFrame.postMessage ist keine Funktion. Wenn ich die Konsole ausführen in postmessage, erhalte ich eine undefined

Was mache ich falsch?

Answer 1

versuchen diese

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

ich auch dieses Problem hatte. Ich fand eine Lösung von dieser Website https://www.viget.com/articles/using-javascript-postmessage-to-talk-to-iframes

Answer 2

Unten Code funktioniert auch.

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

Es gibt einen Unterschied zwischen jQuery-Selektor und document.getElementById.

Document.getElementByID gibt HTML-DOM-Objekt zurück.
Der jQuery-Selektor gibt das jQuery-Objekt zurück.

Für weitere Informationen finden Sie unter dem folgenden Link. document.getElementById vs jQuery $()