Bagaimanakah Saya Boleh Mendayakan Komunikasi Merentas Domain Antara Iframe dan Tapak Induknya?

Komunikasi Antara Tapak: Menghubungkan Iframe dan Tapak Induk Merentasi Domain

Komunikasi merentas domain boleh memberikan cabaran apabila bekerja dengan iframe. Jika domain iframe berbeza daripada tapak induk, akses terus atau panggilan kaedah di antara mereka menjadi mustahil.

Untuk mengatasi halangan ini, pemesejan silang dokumen menyediakan penyelesaian:

Tapak Induk kepada Iframe:

Dalam tetingkap induk, hantar mesej kepada kandungan iframe tetingkap:

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

Dalam iframe, dengar acara mesej:

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

Iframe ke Tapak Induk:

Dalam iframe , hantar mesej ke tetingkap induk peringkat atas:

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

Dalam tetingkap induk, dengar acara mesej:

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

Ingat, '*' dalam postMessage() membenarkan mesej disiarkan ke semua tetingkap mendengar. Dengan menggunakan pemesejan silang dokumen, anda boleh mewujudkan komunikasi antara iframe dan tapak induknya, walaupun merentasi domain yang berbeza.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendayakan Komunikasi Merentas Domain Antara Iframe dan Tapak Induknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!