Methode: 1. Verwenden Sie die Anweisungseinstellung „
Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.
So legen Sie die Schaltfläche zum Springen zur Seite in HTML5 fest
1 Verwenden Sie das Klickereignis onclick und das Attribut window.location.href, um dem Schaltflächenelement ein Klickereignis hinzuzufügen, um zur Seite zu springen.
Die Syntax lautet wie folgt:
<button onclick="window.location.href=跳转地址">按钮</button>
Das Beispiel lautet wie folgt:
<!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>Ausgabeergebnis:
2. Verwenden Sie das a-Tag, um das Schaltflächenelement zu umschließen, und verwenden Sie das href-Attribut des a-Tags um die Sprungadresse festzulegen.
Das Beispiel sieht wie folgt aus:
<!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>Das Ausgabeergebnis ist das gleiche wie oben.
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo legen Sie die Schaltfläche fest, um in HTML5 zur Seite zu springen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
