Bagaimana untuk memindahkan data antara pelayar javascript kemahiran windows_javascript

Contoh dalam artikel ini menerangkan kaedah pemindahan data antara tetingkap penyemak imbas JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Ringkasan:

Kami sering menemui tetingkap timbul semasa pembangunan projek Ada yang menggunakan div untuk mensimulasikan kesan tetingkap timbul, ada yang menggunakan iframe dan ada yang membuka tetingkap baharu melalui fungsi terbuka yang disertakan dengan tetingkap. Apa yang saya ingin kongsikan dengan anda hari ini ialah cara terakhir untuk membuka halaman untuk interaksi data melalui fungsi window.open(). Mula-mula, lihat pada pemaparan:

Prinsip:

Tetingkap induk menghantar data ke tetingkap anak melalui parameter url dan tetingkap anak menghantar data ke tetingkap induk melalui fungsi global tetingkap induk.

Kod:
index.html adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

Dokumen

Butang

         var test = document.getElementById('test');
          test.onclick = function() {
window.open('./window.html?param1=nama¶m2=kata laluan', '_blank','width=960,height=650,menubar=no,toolbar=no,location=no,directories=no,status=no ,scrollbars=yes,resizable=yes');
        };
          window.getContent = function(tx) {
                document.getElementById('content'). innerText = tx;
}

window.html adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

Dokumen

            Shanghai
            Hangzhou


        var params = location.href.substring(location.href.lastIndexOf('?') 1).split('&');
           document.getElementById('content'). innerText = params;
         var city = document.getElementById('city');
City.onchange = function() {
                window.opener.getContent(city.value);
}

Nota: Persekitaran perkhidmatan diperlukan untuk dijalankan di sini

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.