masalah merentas domain iframe

Question

Andaikan saya mempunyai tapak web bernama example.com dengan iframe dibenamkan dalam domain iframe.net, sekarang saya ingin membaca kandungan iframe dan lulus beberapa parameter untuk memaparkan mesej teks. Suka menggunakan nama pengguna Hai.

Sekarang masalahnya ialah ini tidak boleh mewujudkan sambungan antara kedua-duanya malah mendapatkan innerHTML iframe yang saya gunakan di bawah

document.getElementById('myframe').contentWindow.document.body.innerHTML;

Ia menimbulkan ralat "Kebenaran untuk mengakses harta ditolak"

Adakah sesiapa tahu cara membaca dan menulis merentas platform merentas domain

Answer 1

Dalam Internet Explorer 8, peristiwa yang diluluskan sebagai parameter mungkin null, itulah sebabnya anda perlu mengakses acara secara berbeza:

Dalam frame.html:

window.onmessage = function(event) {
   var evt = event || window.event;
   evt.source.postMessage('Message from iFrame', evt.origin);
};

di main.html:

window.onmessage = function(event) {
   var evt = event || window.event;
   alert(evt.data);
};

Acara dicetuskan dengan cara yang sama seperti yang disampaikan oleh Rob W:

document.getElementById('frameId').contentWindow.postMessage('message','*');

Answer 2

Jika anda tidak mengawal tapak web yang dibingkaikan, anda tidak boleh memintas dasar silang asal.

Jika anda mempunyai kawalan ke atas kedua-dua tapak, anda boleh menggunakan kaedah postMessage untuk memindahkan data merentas domain. Contoh yang sangat asas:

// framed.htm:
window.onmessage = function(event) {
    event.source.postMessage(document.body.innerHTML, event.origin);
};

// Main page:
window.onmessage = function(event) {
    alert(event.data);
};

// Trigger:
// <iframe id="myframe" src="framed.htm"></iframe>
document.getElementById('myframe').contentWindow.postMessage('','*');