Heim >Web-Frontend >js-Tutorial >So aktivieren Sie die Kommunikation zwischen Browserfenstern mit JavaScript
Die postMessage API in JavaScript ist ein leistungsstarkes Tool, um die ursprungsübergreifende Kommunikation zwischen verschiedenen Fenstern oder Iframes sicher zu ermöglichen. Es wird häufig zum Datenaustausch zwischen einer übergeordneten Komponente und einem eingebetteten Iframe verwendet und ermöglicht so eine kontrollierte Interaktion, selbst wenn die Dokumente aus unterschiedlichen Quellen stammen.
Hier ist ein praktisches Beispiel für die Verwendung von postMessage zum Senden von Daten zwischen einem Iframe und einer übergeordneten Komponente:
// Parent Component const iframe = document.getElementById("myIframe"); // Send a message to the iframe iframe.contentWindow.postMessage("Hello from parent", "https://iframe-domain.here"); // Listen the message window.addEventListener("message", (event) => { if (event.origin === "https://iframe-domain.here") { console.log("Message from iframe:", event.data); } }, false); // Iframe Component // Send a message to the parent window.parent.postMessage("Hello from iframe", "https://parent-domain.here");
Das obige ist der detaillierte Inhalt vonSo aktivieren Sie die Kommunikation zwischen Browserfenstern mit JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!