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!