Wie können Iframes auf verschiedenen Domänen mithilfe von PostMessage kommunizieren?

Domänenübergreifende Kommunikation zwischen Iframe und übergeordneter Site

Wenn sich ein Iframe in einer anderen Domäne als seiner übergeordneten Site befindet, erfolgt die direkte Kommunikation über Methoden oder der Zugriff auf Inhaltsdokumente ist nicht möglich. In solchen Fällen liegt die Lösung in der dokumentübergreifenden Nachrichtenübermittlung.

Parent to Iframe Communication

Im übergeordneten Fenster:

myIframe.contentWindow.postMessage('hello', '*');

In der Iframe:

window.onmessage = function(e) {
    if (e.data == 'hello') {
        alert('It works!');
    }
};

Iframe to Parent Kommunikation

Im übergeordneten Fenster:

window.onmessage = function(e) {
    if (e.data == 'hello') {
        alert('It works!');
    }
};

Im Iframe:

window.top.postMessage('hello', '*')

Denken Sie an das Sternchen (*) in der postMessage()-Funktion stellt einen Platzhalter dar, der den Empfang der Nachricht von jedem beliebigen Ursprung aus ermöglicht.

Das obige ist der detaillierte Inhalt vonWie können Iframes auf verschiedenen Domänen mithilfe von PostMessage kommunizieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!