jquery mendengar penutupan subhalaman

Dalam pembangunan web, selalunya perlu untuk memantau beberapa operasi halaman, seperti penutupan halaman, lompatan, dsb. Dalam subhalaman, kita perlu tahu cara mendengar acara penutupnya untuk melaksanakan beberapa operasi atau memindahkan beberapa data apabila ia ditutup.

Dalam kes ini, kita boleh menggunakan jQuery untuk mendengar acara penutup subhalaman. Kaedah pelaksanaan khusus adalah seperti berikut:

1. Dapatkan objek subhalaman

Dalam halaman induk, anda perlu mendapatkan objek tetingkap sub-halaman. Objek ini ialah kaedah tetingkap yang membuka sub-halaman .open() untuk mendapatkan, contohnya:

var childWin = window.open("child.html");

In. dengan cara ini, objek halaman kanak-kanak childWin boleh diperolehi.

2. Mendengar acara penutup subhalaman

Selepas memiliki objek subhalaman, kami boleh menggunakannya untuk mendengar acara penutup. Kaedah yang anda perlu gunakan ialah onbeforeunload, yang dicetuskan apabila halaman ditutup. Kita boleh mengikat kaedah ini pada objek tetingkap halaman anak, contohnya:

childWin.onbeforeunload = function(){
//Operasi yang dilakukan semasa menutup halaman
}

Dalam kaedah ini kita boleh melakukan beberapa operasi. Contohnya, hantar data ke halaman induk atau lakukan beberapa kerja pembersihan.

3. Dengar operasi selepas menutup acara

Apabila sub-halaman ditutup, kami boleh melakukan operasi berkaitan dalam kaedah onbeforeunload. Contohnya:

childWin.onbeforeunload = function(){
//Pindahkan data ke halaman induk
window.opener.postMessage(data, '*');
//Lakukan kerja pembersihan
//...
}

Di sini, kami menggunakan kaedah window.opner.postMessage() untuk menghantar data ke halaman induk. Kaedah ini ialah kaedah menghantar data ke halaman induk dalam halaman anak. * menunjukkan bahawa data boleh dihantar ke mana-mana halaman.

Selain menghantar data, kami juga boleh melakukan beberapa kerja pembersihan. Ini termasuk menutup sambungan terbuka, memadam cache setempat, dsb. Semua tugas ini adalah untuk memastikan integriti dan keselamatan data apabila halaman ditutup.

Ringkasnya, kita boleh menggunakan jQuery untuk mendengar acara penutupan subhalaman untuk melaksanakan beberapa operasi atau memindahkan beberapa data apabila ia ditutup. Kaedah ini agak mudah dan biasa digunakan, dan merupakan kemahiran penting untuk pembangun bahagian hadapan.

Atas ialah kandungan terperinci jquery mendengar penutupan subhalaman. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!