Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan butang butang untuk melompat ke halaman dalam html5
Bagaimana untuk menetapkan butang butang untuk melompat ke halaman dalam html5
- WBOYasal
- 2021-12-30 16:37:1211129semak imbas
Kaedah: 1. Gunakan "05c86a08559aa013386766f0b61da9a8" tetapan pernyataan 2. Gunakan "d85b88b0571094c1f5d8afb47ceae1a537a9605a910bf1fbe848fe3f47ab78d9 Button65281c5ac262bf6d81768915a4a77ac05db79b134e9f6b82c0b36e0489ee08ed" penyataan membalut tetapan elemen butang dengan teg.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.
Cara menetapkan butang butang untuk melompat ke halaman dalam html5
1 Gunakan onclick click event dan atribut window.location.href untuk menambah elemen klik untuk butang Acara melompat ke halaman.
Sintaks adalah seperti berikut:
<button onclick="window.location.href=跳转地址">按钮</button>
Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button onclick="window.location.href='https://www.baidu.com/'">按钮</button>
</body>
</html>Hasil output:
2 Gunakan teg untuk membalut elemen butang dan gunakan atribut href bagi teg a untuk menetapkan alamat lompat.
Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<a href="https://www.baidu.com/"><button>按钮</button></a>
</body>
</html>Hasil output adalah sama seperti di atas.
Tutorial yang disyorkan: "tutorial video html"
Atas ialah kandungan terperinci Bagaimana untuk menetapkan butang butang untuk melompat ke halaman dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!