Cara Mendayakan Komunikasi Antara Windows Pelayar dengan JavaScript

API postMessage dalam JavaScript ialah alat yang berkuasa untuk mendayakan komunikasi silang asal dengan selamat antara tingkap atau iframe yang berbeza. Ia biasanya digunakan untuk bertukar-tukar data antara komponen induk dan iframe terbenam, membenarkan interaksi terkawal walaupun dokumen berasal daripada sumber yang berbeza.

Berikut ialah contoh praktikal menggunakan postMessage untuk menghantar data antara iframe dan komponen induk:

// 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");

Atas ialah kandungan terperinci Cara Mendayakan Komunikasi Antara Windows Pelayar dengan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!