Wie kann ich die domänenübergreifende Kommunikation zwischen einem Iframe und seiner übergeordneten Site aktivieren?

Inter-Site-Kommunikation: Verbinden von Iframes und übergeordneten Sites über Domänen hinweg

Die domänenübergreifende Kommunikation kann bei der Arbeit mit Iframes eine Herausforderung darstellen. Wenn die Domäne des Iframes von der der übergeordneten Site abweicht, werden ein direkter Zugriff oder Methodenaufrufe zwischen ihnen unmöglich.

Um diese Hürde zu überwinden, bietet dokumentübergreifendes Messaging eine Lösung:

Übergeordnete Site an Iframe:

Senden Sie im übergeordneten Fenster eine Nachricht an den Inhalt des Iframes Fenster:

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

Achten Sie im Iframe auf das Nachrichtenereignis:

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

Iframe zur übergeordneten Website:

Im Iframe , senden Sie eine Nachricht an das übergeordnete Fenster der obersten Ebene:

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

Achten Sie im übergeordneten Fenster auf die Nachricht Ereignis:

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

Denken Sie daran, dass das „*“ in postMessage() die Übertragung der Nachricht an alle Abhörfenster ermöglicht. Durch den Einsatz von dokumentübergreifendem Messaging können Sie die Kommunikation zwischen einem Iframe und seiner übergeordneten Site herstellen, sogar über verschiedene Domänen hinweg.

Das obige ist der detaillierte Inhalt vonWie kann ich die domänenübergreifende Kommunikation zwischen einem Iframe und seiner übergeordneten Site aktivieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!