Drei Möglichkeiten, durch Klicken auf ein Button-Tag in HTML zu einer Seite zu springen

Drei Möglichkeiten, durch Klicken auf ein Button-Tag in HTML zu einer Seite zu springen

Methode 1: Verwenden des Onclick-Ereignisses

<Eingabetyp="Schaltfläche" Wert="Schaltfläche"
beim Klicken = "javascript:window.location.href='http://www.baidu.com/'" />

Oder verwenden Sie den Button-Tag direkt

<button onclick="window.location.href = 'https://www.baidu.com/'">Baidu</button>

Methode 2: Fügen Sie dem Button-Tag ein a-Tag hinzu

<a href="http://www.baidu.com/">
    <Schaltfläche>Baidu</Schaltfläche>
</a>

Oder verwenden Sie

<a href="http://www.baidu.com/"><input type="button" value='Baidu'></a>

Methode 3: Verwenden der JavaScript-Funktion

<Skript>
Funktion Sprung(){
 window.location.href="http://www.baidu.com/";
}
</Skript>
<Eingabetyp = "Schaltfläche" Wert = "Baidu" beim Klicken = javascript:jump() />
// Oder <input type="button" value="Baidu" onclick="jump()" />
// oder <button onclick="jump()">Baidu</button>

Zusammenfassen

Oben sind drei vom Editor eingeführte Methoden, um durch Klicken auf das Button-Tag in HTML einen Seitensprung zu erreichen. Ich hoffe, dass dies für alle hilfreich sein wird. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!
Wenn Sie diesen Artikel hilfreich finden, können Sie ihn gerne abdrucken und dabei bitte die Quelle angeben. Vielen Dank!

<<:  Soll die Like-Funktion MySQL oder Redis verwenden?

>>:  Die häufigste Deklarationszusammenführung in TS (Schnittstellenzusammenführung)

Artikel empfehlen

Spezifische Schritte zur Verwendung des Vant-Frameworks im WeChat-Applet

Inhaltsverzeichnis 1. Öffnen Sie das Projektverze...

Detaillierte Erklärung, wie MySQL Phantom-Lesevorgänge löst

1. Was ist Phantomlesen? Wenn bei einer Transakti...

Detaillierte Erläuterung des Garbage Collection-Mechanismus von JavaScript

Inhaltsverzeichnis Warum brauchen wir Garbage Col...

Vue-Statusverwaltung: Verwendung von Pinia statt Vuex

Inhaltsverzeichnis 1. Was ist Pinia? 2. Pinia ist...

So konfigurieren Sie SSH für die Anmeldung bei Linux mit Git Bash

1. Generieren Sie zunächst die öffentlichen und p...

Wofür wird jQuery verwendet? jQuery ist eigentlich ein js-Framework

Einführung in jQuery Die jQuery-Bibliothek kann e...

XHTML-Tutorial, eine kurze Einführung in die Grundlagen von XHTML

<br />Dieser Artikel gibt Ihnen eine kurze E...

Handtrack.js-Bibliothek zur Echtzeitüberwachung von Handbewegungen (empfohlen)

【Einführung】: Handtrack.js ist eine Prototypbibli...

Zwei Möglichkeiten zum vollständigen Löschen von Benutzern unter Linux

Linux-Betrieb Experimentelle Umgebung: Centos7-Vi...

Kurze Analyse der Einführung und grundlegenden Verwendung von Promise

Promise ist eine neue Lösung für die asynchrone P...

So installieren und speichern Sie die PostgreSQL-Datenbank in Docker

Überspringen Sie die Docker-Installationsschritte...

Implementierung von Platzhaltern und Escape-Zeichen in der Linux-Befehlszeile

Wenn wir Stapeloperationen für einen Dateityp aus...