Heim > Web-Frontend > HTML-Tutorial > Verfügt das HTML-Schaltflächen-Tag über einen Hyperlink? Hier ist ein Beispiel für ein Schaltflächen-Tag, das einen Hyperlink setzt

Verfügt das HTML-Schaltflächen-Tag über einen Hyperlink? Hier ist ein Beispiel für ein Schaltflächen-Tag, das einen Hyperlink setzt

寻∝梦
Freigeben: 2018-08-30 17:16:28
Original
4098 Leute haben es durchsucht

In diesem Artikel erfahren Sie hauptsächlich die Methode zum Hinzufügen von Hyperlinks zu HTML-Schaltflächenbeschriftungen mit Beispielen und Erklärungen. Schauen wir uns als Nächstes diesen Artikel über das Hinzufügen von Hyperlinks zum HTML-Schaltflächen-Schaltflächen-Tag an.

Schauen wir uns zunächst an, ob das HTML-Schaltflächen-Tag einen Hyperlink enthält:

Schauen wir uns ein Beispiel an

<input type="button" value="注册" onclick="window.location.href=&#39;http://www.php.cn&#39;">
Nach dem Login kopieren

Der Effekt ist sehr offensichtlich. Auf der Webseite wird eine Schaltfläche angezeigt, die beim Klicken zum Ziellink springt. Das Schaltflächen-Tag ist also ein Hyperlink, dies ist jedoch nicht die häufigste Verwendung von Schaltflächen-Tags.

Sehen wir uns nun die Erklärung zum Hinzufügen eines Hyperlinks zum Schaltflächen-Tag an:

Wenn Sie möchten, dass diese Seite auf eine neue Seite umgeleitet wird, verwenden Sie: < ;input type=button onclick ="window.location.href('Connect')">

Wenn Sie eine neue Seite für die Weiterleitung öffnen müssen, verwenden Sie: Hinweis: Die obige Schaltfläche und der Hyperlink sind nur für IE nützlich. Wenn Sie Firefox und Safari gleichzeitig verwenden möchten, können Sie die folgende Methode verwenden:

<a href="链接"><input type=button onclick="window.location.href(&#39;连接&#39;)"> </a>
Nach dem Login kopieren

Ein Hyperlink ist ein Element, das es einer Webseite ermöglicht, eine Verbindung zu anderen Webseiten oder Websites herzustellen, und ist Teil eines Webseite. Je nach Verwendungszweck können Hyperlinks unterteilt werden in: Text-Hyperlinks, Bild-Hyperlinks, E-Mail-Links, Anker-Links, Multimedia-Datei-Links, leere Links usw.

Das Ziel eines Hyperlinks kann eine andere Webseite, eine andere Stelle auf derselben Webseite, ein Bild, eine E-Mail-Adresse, eine Datei oder sogar eine Anwendung usw. sein. Das für Hyperlinks auf einer Webseite verwendete Objekt kann ein Text oder ein Bild sein. Wenn der Betrachter auf den verlinkten Text oder das verlinkte Bild klickt, wird das Linkziel im Browser angezeigt und je nach Zieltyp geöffnet oder ausgeführt.

Referenzcode:

<a href="链接">
<input type=button onclick="window.location.href(&#39;超连接地址&#39;)"> 
</a>
Nach dem Login kopieren

Codebeschreibung: Das onclick-Ereignis tritt auf, wenn auf das Objekt geklickt wird.

Bitte beachten Sie, dass sich onclick von onmousedown unterscheidet. Ein Klickereignis tritt auf, wenn auf demselben Element ein Maus-Down-Ereignis auftritt, gefolgt von einem Maus-Loslassen-Ereignis.

window.location.href="Sprungadresse"; bedeutet Weiterleitung zu einer neuen Seite und Aktualisierung der geöffneten Seite;

HTML-Schaltfläche, Schaltflächenbezeichnung plus Hyperlink. Verwendung:

1. Seitenumleitung auf eine neue Seite:

<input type="button" onclick="window.location.href(&#39;连接&#39;)">
Nach dem Login kopieren

2. Für die Umleitung muss eine neue Seite geöffnet werden:

<input type="button" onclick="window.open(&#39;连接&#39;)">
Nach dem Login kopieren

Da die Kerne der von uns verwendeten Browser unterschiedlich sind, ist auch ihre Verwendung unterschiedlich.

3. Wird im IE verwendet:

<input type="button" name="test" value="test" onClick="location.href=&#39;a.html&#39;"/>
Nach dem Login kopieren

4. Wird in Firefox verwendet:

<a href="b.html"><input type="button" name="test" value="test"/></a>
Nach dem Login kopieren

[Empfehlung des Herausgebers]

Ist das HTML-P-Tag ein einzelnes Tag? Einführung in die Verwendung von HTML-P-Tags (mit Beispielen)

Wie erstelle ich ein mehrzeiliges Texteingabefeld im Eingabeformular? In einem Artikel erfahren Sie, wie Sie das Eingabe-Tag

verwenden

Das obige ist der detaillierte Inhalt vonVerfügt das HTML-Schaltflächen-Tag über einen Hyperlink? Hier ist ein Beispiel für ein Schaltflächen-Tag, das einen Hyperlink setzt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage