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

Löschvorgang für Docker-Volumes

prune Um diesen Befehl verwenden zu können, müsse...

Die Hauptidee zum dynamischen Festlegen von Routing-Berechtigungen in Vue

Ich habe zuvor einige dynamische Routing-Einstell...

So richten Sie die Swap-Partition SWAP in Linux 7.7 ein

Die Swap-Partition des Linux-Systems, also die Sw...

Tutorial zur Installation von Ubuntu Server in Vmware

In diesem Artikel finden Sie das grafische Tutori...

IIS7 IIS8 Reverse-Proxy-Regeln schreiben, installieren und konfigurieren

Zweck: Station A als sekundäres Verzeichnis von S...

Eine kurze Diskussion über die Rolle leerer HTML-Links

Leerer Link: Das heißt, es besteht keine Verbindu...

Häufige CSS-Fehler und Lösungen

Code kopieren Der Code lautet wie folgt: Untersch...

Stil-Trigger-Effekt des Webseiten-Eingabefelds

<br />Dieses Beispiel untersucht hauptsächli...

Zusammenfassung der Wissenspunkte zur MySQL-Master-Slave-Replikation

Eine Optimierungslösung, wenn ein einzelner MySQL...