So legen Sie die Schaltfläche fest, um in HTML5 zur Seite zu springen-Front-End-Fragen und Antworten-php.cn

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

WBOY

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

Original

11108 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!