Bagaimana untuk menutup acara tetingkap semasa dalam javascript

JavaScript ialah bahasa skrip yang biasa digunakan untuk menulis kesan interaktif bahagian hadapan pada halaman web Prestasi pengendaliannya yang berkuasa sering digunakan secara meluas dalam pembangunan web. Dalam banyak kes, kita perlu melaksanakan beberapa fungsi khas melalui JavaScript untuk meningkatkan pengalaman pengguna Antaranya, menutup acara tetingkap semasa adalah fungsi yang kerap digunakan.

Dalam JavaScript, terdapat dua cara untuk menutup acara tetingkap semasa, yang dicetuskan melalui pautan dan melalui kod. Di bawah, kami akan memperkenalkan kedua-dua kaedah ini dan pelaksanaannya secara terperinci.

Kaedah 1: Cetuskan peristiwa tetingkap semasa melalui pautan

Adalah mudah untuk menutup acara tetingkap semasa melalui pautan Anda hanya perlu menggunakan kod JavaScript dalam hiperpautan. Kod sampel adalah seperti berikut:

<a href="javascript:window.close();">关闭当前窗口</a>

Penerangan kod: Gunakan kod JavaScript "window.close();" dalam hiperpautan untuk menutup tetingkap semasa kod.

Perlu diingatkan bahawa kaedah ini hanya boleh menutup tetingkap yang dibuka oleh kaedah window.open. Windows dibuka menggunakan window.location.href tidak boleh ditutup menggunakan kaedah ini.

Kaedah 2: Cetuskan acara penutupan tetingkap semasa melalui kod

Untuk mencetuskan acara penutupan tetingkap semasa melalui kod, anda perlu menggunakan kaedah tutup objek tetingkap. Melalui kaedah ini, kesan penutupan tetingkap semasa boleh dicapai dalam JavaScript. Kod sampel adalah seperti berikut:

window.close();

Penjelasan kod: Gunakan kaedah tutup objek tetingkap untuk menutup tetingkap semasa.

Perlu diingatkan bahawa kaedah ini hanya boleh menutup tetingkap di mana skrip semasa berada. Untuk tetingkap baharu yang dibuka melalui JavaScript, anda perlu menggunakan kaedah ini dalam tetingkap untuk menutupnya.

Selain memanggil kaedah window.close terus, anda juga boleh menggunakan mekanisme acara untuk menutup tetingkap semasa. Sebagai contoh, apabila butang diklik, acara onclick boleh digunakan untuk mencetuskan kaedah ini. Kod sampel adalah seperti berikut:

<button onclick="window.close()">关闭当前窗口</button>

Penjelasan kod: Panggil kaedah window.close dalam acara onclick butang untuk menutup tetingkap semasa.

Perlu diambil perhatian bahawa jika kaedah window.close digunakan, penyemak imbas akan muncul kotak gesaan untuk menggesa pengguna sama ada menutup tetingkap semasa. Ini adalah mekanisme wajib yang ditetapkan untuk mengelakkan salah operasi Pada masa ini, tiada cara yang boleh dipercayai untuk melumpuhkan kotak gesaan ini.

Ringkasan

Tutup acara tetingkap semasa ialah operasi biasa dalam JavaScript, yang boleh dicapai dengan mudah melalui dua kaedah di atas. Perlu diingatkan bahawa disebabkan oleh sekatan keselamatan penyemak imbas, penutupan mungkin gagal atau kotak gesaan mungkin muncul. Oleh itu, dalam pembangunan sebenar, adalah perlu untuk memilih kaedah penutupan yang sesuai mengikut keperluan khusus, dan cuba mengelakkan akibat buruk yang disebabkan oleh salah operasi sebanyak mungkin.

Atas ialah kandungan terperinci Bagaimana untuk menutup acara tetingkap semasa dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!