“ 2. Verwenden Sie die Schaltfläche „ „; Die Anweisung umschließt die Einstellung des Schaltflächenelements mit einem Tag."/> “ 2. Verwenden Sie die Schaltfläche „ „; Die Anweisung umschließt die Einstellung des Schaltflächenelements mit einem Tag.">

Heim >Web-Frontend >Front-End-Fragen und Antworten >So legen Sie die Schaltfläche fest, um in HTML5 zur Seite zu springen

So legen Sie die Schaltfläche fest, um in HTML5 zur Seite zu springen

WBOY
WBOYOriginal
2021-12-30 16:37:1211184Durchsuche

Methode: 1. Verwenden Sie die Anweisungseinstellung „

So legen Sie die Schaltfläche fest, um in HTML5 zur Seite zu springen

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

Ausgabeergebnis:

So legen Sie die Schaltfläche fest, um in HTML5 zur Seite zu springen

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn