javascript - Klik pada satu butang halaman untuk memaparkan teks pada halaman lain
世界只因有你
世界只因有你 2017-05-19 10:28:21
0
4
676

Saya ingin mengklik butang pada satu halaman dan kemudian memaparkan teks dalam elemen p halaman lain. Bagaimana saya boleh berjaya?

世界只因有你
世界只因有你

membalas semua(4)
巴扎黑

Menurut penerangan anda, ia mestilah komunikasi antara dua halaman web dalam domain yang sama (protokol yang sama, nama hos, port Dalam kes ini, ia boleh dicapai melalui localStorage h5. Tidak perlu melalui pelayan.

1 Apabila butang pada halaman a diklik, tetapkan sepasang nilai Storan tempatan baharu.

$("#in").click(function(){
    localStorage.setItem("setText","hello")
})

2 Pantau peristiwa penyimpanan tetingkap pada halaman b. Apabila peristiwa ini dicetuskan, ini bermakna data yang disimpan telah berubah Atribut utama objek acara digunakan untuk menentukan nilai kunci yang diubah Jika ia adalah setText yang kami tetapkan, kami boleh menetapkan kandungan untuk $("#out ").

window.addEventListener("storage",function(e){
    if(e.key=="setText"){
        var text=localStorage.getItem("setText")
        $("#out").text(text);
    }
});

Oleh kerana halaman b mendengar peristiwa storan, selepas memuat semula halaman, jika nilai setText yang ditetapkan semasa halaman a diklik masih nilai asal, peristiwa ini tidak akan dicetuskan. Jika anda mahu elemen ini masih memaparkan nilai yang baru ditetapkan selepas halaman b dimuat semula, anda juga harus menambah penghakiman pada halaman b:

if(localStorage.getItem("text")){
    h.innerText=localStorage.getItem("text")
}

Jika anda mempunyai sebarang soalan, saya harap kita boleh membincangkannya.

黄舟

Jika ia adalah iframe, gunakan postMessage

Jika terdapat dua halaman web yang berasingan, pemajuan perlu dilakukan pada bahagian pelayan Halaman A menghantar data dan pelayan menyimpannya dalam pangkalan data Halaman B untuk memeriksa sama ada data telah berubah dan mengemas kini data jika ada perubahan

淡淡烟草味

postMessage

世界只因有你

Saya tidak faham keperluan anda, saya dengan berani meneka bahawa yang penyoal perlukan adalah websock

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!