Bagaimana untuk menetapkan butang butang untuk melompat ke halaman dalam html5-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menetapkan butang butang untuk melompat ke halaman dalam html5

WBOY

Lepaskan： 2021-12-30 16:37:12

asal

11107 orang telah melayarinya

Kaedah: 1. Gunakan "" penyataan membalut tetapan elemen butang dengan teg.

Bagaimana untuk menetapkan butang butang untuk melompat ke halaman dalam html5

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>

Salin selepas log masuk

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=&#39;https://www.baidu.com/&#39;">按钮</button>
</body>
</html>

Salin selepas log masuk

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>

Salin selepas log masuk

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!