Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menutup halaman dalam html

Bagaimana untuk menutup halaman dalam html

PHPz
Lepaskan: 2023-04-24 15:30:01
asal
2144 orang telah melayarinya

Tutup halaman dalam HTML merujuk kepada cara membenarkan halaman web melakukan operasi tertentu apabila pengguna menutup halaman. Fungsi ini boleh dicapai melalui beberapa teknik, termasuk penggunaan skrip JS dan elemen HTML. Dalam artikel ini, kami akan meneroka cara menggunakan teknik ini untuk melaksanakan halaman penutup HTML.

JavaScript menutup halaman

JavaScript ialah kaedah biasa untuk menutup halaman. Berikut ialah kod asas untuk menutup halaman menggunakan JavaScript:

window.close(); // 关闭页面
Salin selepas log masuk

Kod di atas boleh digunakan bersendirian dalam blok kod JavaScript atau dibenamkan dalam kod HTML, seperti yang ditunjukkan di bawah:

<!DOCTYPE html>
<html>
<body>

<h1>Hello World!</h1>

<button onclick="window.close()">关闭页面</button>

</body>
</html>
Salin selepas log masuk

Dalam kod di atas, kami mencipta elemen butang dan memanggil kaedah window.close() dalam acara onclick elemen. Kaedah ini akan menutup halaman semasa apabila pengguna mengklik butang.

Perhatikan bahawa kod ini mungkin tidak berfungsi dengan betul dalam sesetengah penyemak imbas. Contohnya, dalam penyemak imbas Chrome, pengguna mesti membuka tetingkap atau tab baharu melalui JavaScript dan menggunakan kaedah window.close() dalam tetingkap atau tab itu untuk berfungsi dengan betul.

Elemen HTML menutup halaman

Kaedah elemen HTML juga merupakan cara lain untuk menutup halaman. Seperti kod HTML berikut:

<!DOCTYPE html>
<html>
<body>

<h1>Hello World!</h1>

<a href="javascript:window.close()">关闭页面</a>

</body>
</html>
Salin selepas log masuk

Dalam kod di atas, kami menggunakan elemen hiperpautan dan menetapkan atribut hrefnya kepada kod JavaScript. Apabila pautan ini diklik, kaedah window.close() akan dipanggil untuk menutup halaman. Kaedah ini mempunyai kelebihan berfungsi dalam semua penyemak imbas moden, tetapi penting juga untuk ambil perhatian bahawa sesetengah penyemak imbas (seperti Safari) mungkin mempunyai keupayaan untuk menutup tetingkap menggunakan JavaScript dilumpuhkan secara lalai.

Kesimpulan

Dalam artikel ini, kami memperkenalkan dua kaedah biasa untuk menutup halaman HTML. Kaedah JavaScript berfungsi dengan baik dalam kebanyakan kes, manakala kaedah elemen HTML berfungsi dengan baik dalam semua penyemak imbas moden. Adalah penting untuk ambil perhatian bahawa pembangun harus mengambil kira isu keserasian penyemak imbas apabila menggunakan kaedah ini untuk memastikan kebolehpercayaan dan prestasi tapak web.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan