Rumah  >  Artikel  >  hujung hadapan web  >  html tutup halaman

html tutup halaman

WBOY
WBOYasal
2023-05-21 12:54:381583semak imbas

Cara menutup halaman menggunakan HTML

HTML ialah bahasa penanda yang digunakan untuk membuat halaman web. Dalam HTML, menutup halaman adalah tugas biasa. Dalam artikel ini, kita akan membincangkan cara menutup halaman web menggunakan HTML.

Tutup halaman menggunakan JavaScript

Dalam HTML, kita boleh menggunakan JavaScript untuk menutup halaman. Untuk menutup halaman, kita perlu menggunakan fungsi close() objek tetingkap. Berikut ialah contoh mudah:

<!DOCTYPE html>
<html>
<head>
    <title>关闭页面</title>
</head>
<body>
    <button onclick="window.close()">关闭页面</button>
</body>
</html>

Dalam kod di atas, kami menambah butang pada halaman Apabila pengguna mengklik butang, fungsi tutup() objek tetingkap akan dipanggil untuk menutup halaman .

Gunakan pautan untuk menutup halaman

Dalam HTML, kami juga boleh menggunakan pautan untuk menutup halaman. Berikut ialah contoh:

<!DOCTYPE html>
<html>
<head>
    <title>关闭页面</title>
</head>
<body>
    <a href="#" onclick="window.close()">关闭页面</a>
</body>
</html>

Dalam contoh ini, kami menggunakan hiperpautan untuk menutup halaman. Apabila pengguna mengklik pautan, fungsi tutup() objek tetingkap dipanggil untuk menutup halaman.

Dalam contoh ini, kami menggunakan "#" sebagai alamat pautan. Ini kerana kami tidak mahu pautan itu menavigasi ke halaman lain atau memuat semula halaman semasa. Sebaliknya, kami hanya menggunakan pautan untuk mencetuskan kod JavaScript untuk menutup halaman semasa.

Menutup halaman menggunakan metadata

Selain JavaScript dan pautan, HTML juga menyokong penggunaan metadata untuk menutup halaman. Berikut ialah contoh:

<!DOCTYPE html>
<html>
<head>
    <title>关闭页面</title>
    <meta http-equiv="refresh" content="0;url=javascript:window.close()">
</head>
<body>
    <h1>这是一个测试页面</h1>
</body>
</html>

Dalam contoh di atas, kami telah menambahkan elemen e8e496c15ba93d81f6ea4fe5f55a2244 Elemen ini membolehkan kami membenamkan maklumat pengepala respons HTTP ke dalam halaman HTML.

Dalam contoh ini, kami menggunakan elemen meta untuk menetapkan pengepala respons HTTP baharu. Kami menetapkan pengepala respons ini untuk mencetuskan kod JavaScript untuk menutup halaman serta-merta apabila halaman dimuatkan.

Atribut kandungan di sini menentukan nilai pengepala respons HTTP. Nilai ini terdiri daripada dua bahagian. Bahagian pertama "0" menentukan masa menunggu halaman dalam beberapa saat. Kami menetapkannya kepada 0 saat, yang bermaksud halaman akan ditutup serta-merta.

Bahagian kedua menentukan kod JavaScript Kami menggunakan "javascript:window.close()" untuk memanggil fungsi yang menutup halaman semasa.

Kesimpulan

Dalam HTML, terdapat beberapa cara untuk menutup halaman. Kaedah yang paling biasa ialah menggunakan JavaScript untuk menutup halaman. Walau bagaimanapun, anda juga boleh menggunakan pautan dan metadata untuk mencapai kesan yang sama. Tidak kira kaedah yang anda gunakan, ia akan membantu anda menutup halaman, sekali gus meningkatkan pengalaman pengguna.

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

Kenyataan:
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
Artikel sebelumnya:Apakah skrip JavaScript?Artikel seterusnya:Apakah skrip JavaScript?