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

So verwenden Sie Javascript zum Generieren glatter Kurven

Inhaltsverzeichnis Vorwort Einführung in Bézierku...

Implementierung einer Warenkorbfunktion basierend auf Vuex

In diesem Artikelbeispiel wird der spezifische Co...

CocosCreator implementiert Skill-Kühleffekt

CocosCreator realisiert Skill-CD-Effekt In vielen...

Super einfache QPS-Statistikmethode (empfohlen)

Statistik der QPS-Werte der letzten N Sekunden (i...

VUE+Canvas implementiert das Spiel God of Wealth und erhält Barren

Willkommen zur vorherigen Canvas-Spielserie: 《VUE...

Grafisches Tutorial zur MySQL 5.7-Konfiguration ohne Installation

Mysql ist eine beliebte und einfach zu bedienende...

Berechnungstabelle für die RGBA-Alpha-Transparenzkonvertierung

Konvertierung zwischen RGBA- und Filterwerten unt...

Echarts-Tutorial zur Implementierung von Baumdiagrammen

Treemaps dienen vor allem der Visualisierung baum...

Lösen Sie das Problem des Mac Docker x509-Zertifikats

Frage Kürzlich musste ich mich bei einem privaten...

Was ist Nginx-Lastausgleich und wie wird er konfiguriert?

Was ist Lastenausgleich? Der Lastausgleich wird h...

So konfigurieren Sie den Redis-Sentinel-Modus in Docker (auf mehreren Servern)

Inhaltsverzeichnis Vorwort Zustand Docker install...

Über die Überlappung von Randwert und vertikalem Rand in CSS

Rand paralleler Boxen (Überlappung doppelter Ränd...