Ambang rentas domain API komunikasi HTML5 tidak lagi tinggi, tolakan data bukan lagi kemahiran tutorial dream_html5

Kata Pengantar

HTML5 menambah dua API baharu yang berkaitan dengan komunikasi, penghantaran mesej merentas dokumen dan API Soket WEB,

Fungsi penghantaran mesej merentas dokumen boleh menghantar mesej dalam dokumen web yang berbeza dan port yang berbeza (dalam situasi merentas domain).

Menggunakan api soket web membolehkan pelanggan dan pelayan memindahkan data melalui port soket, supaya teknologi tolak data boleh digunakan.

Pemesejan merentas dokumen

Pada masa lalu, jika kami ingin mendapatkan maklumat merentas domain, ia memerlukan banyak usaha. Kini kami boleh berkomunikasi antara satu sama lain selagi kami memperoleh contoh objek tetingkap di mana halaman web berada.

Pertama sekali, jika anda ingin menerima mesej daripada tetingkap lain, anda perlu memantau objek tetingkap mereka:

window.addevntListener(<span style="COLOR: #800000">'</span><span style="COLOR: #800000">message</span><span style="COLOR: #800000">'</span>, function () {}, <span style="COLOR: #0000ff">false</span>)

Gunakan kaedah postMessage objek windows untuk menghantar mesej ke tetingkap lain:

<span style="COLOR: #000000">otherWindow.postMessage(message, targetOrigin)第一个参数为发送文本，也可以是js对象（json）第二个参数为接收消息对象窗口的URL，可以使用通配符</span>

Contoh mudah:

Salin kod

Kodnya adalah seperti berikut:

maklumat siaran



title>

$(document).ready(function () {
window.addEventListener('message', function (ev) {
//Sumber mesej perlu disemak
$('#msg_box' ).html(ev.origin 'Mesej dihantar:' ev.data);
}, palsu);

$('#hantar').klik(fungsi () {
var frame = window.frames[0];
frame.postMessage($('#msg').val(), 'http://localhost:3317/html5 dan css3/06 communication api/ 02.htm') ;
});
});






Hantar mesej

Berdasarkan perkara di atas, kami membuat sedikit pengubahsuaian Kami menyediakan butang ketinggian dan lebar pada sub-halaman untuk memberitahu tetingkap induk cara menukar ketinggian dan lebar iframe:

Salin kod

Kod adalah seperti berikut:

Kod lapisan induk










Hantar mesej