Einführung in verschiedene Verwendungsmöglichkeiten des a-Tags href='' in HTML

Wie wir alle wissen, besteht die wichtigste Funktion des a-Tags darin, Hyperlinks und Anker zu implementieren. Darüber hinaus denken die meisten Leute, dass die wichtigste Rolle des a-Tags darin besteht, Hyperlinks zu implementieren. Heute bin ich zufällig auf eine Möglichkeit gestoßen, das a-Tag zu schreiben: , also Ich werde es klären. Im Folgenden finden Sie verschiedene Verwendungsmöglichkeiten von href im a-Tag.

1. Mehrere Aufrufmethoden von Js (siehe Zusammenfassung)

1.

a href="javascript:j
s_method();"

Dies ist eine häufig verwendete Methode, aber diese Methode ist anfällig für Probleme bei der Übergabe von Parametern wie diesem und Javascript: When Wenn das Protokoll als href-Attribut von a verwendet wird, führt es nicht nur zu einer unnötigen Auslösung des window.onbeforeunload-Ereignisses, sondern stoppt auch die Wiedergabe animierter GIF-Bilder im IE. W3C-Standards empfehlen nicht, Javascript-Anweisungen in href auszuführen
2.

 a href="javascript:void(0);" onclick="js_method()"

Diese Methode ist die am häufigsten verwendete Methode für viele Websites und wird auch verwendet Die umfassendste Methode, die Onclick-Methode, ist für die Ausführung der js-Funktion verantwortlich. void ist ein Operator, void (0) gibt undefiniert zurück und die Adresse springt nicht. Und diese Methode stellt die js-Methode nicht wie die erste Methode direkt der Statusleiste des Browsers zur Verfügung.
3.

a href="javascript:;" onclick="js_method()"

Diese Methode ähnelt den beiden Methoden, der einzige Unterschied besteht darin, dass ein leerer JS-Code ausgeführt wird.
4.

a href="#" onclick="js_method()"

Diese Methode ist auch ein im Internet sehr verbreiteter Code. # ist eine in das Tag integrierte Methode, die das darstellt Rolle der Spitze. Wenn Sie also mit dieser Methode auf die Webseite klicken, gelangen Sie zum Seitenanfang.

5.

a href="#" onclick="js_method();return false;"

Diese Methode gibt nach dem Klicken zum Ausführen der js-Funktion false zurück und die Seite springt nach der Ausführung nicht , es wird immer noch an der aktuellen Position der Seite sein.
Basierend auf dem oben Gesagten wird die am besten geeignete Methode zum Aufrufen von js-Funktionen in a empfohlen:

2. href= Die Funktion von „#“

href="#" in einem Mittel, um zum Anfang zurückzukehren. Wenn Sie auf der aktuellen Seite scrollen müssen, können Sie auf diese Weise direkt nach oben zurückkehren. Einige Websites erstellen beispielsweise in der unteren rechten Ecke eine Symbolschaltfläche, um nach oben zurückzukehren. Zu diesem Zeitpunkt können Sie die Verwendung dieser einfachsten Methode zur Implementierung in Betracht ziehen.

<span style="font-size:14px;"><a href="#">回到最顶端</a></span>

3. Die Rolle von href="URL"

1. Die URL ist eine absolute URL

Zu diesem Zeitpunkt verweist sie auf eine andere Website, z. B.

href="http://write.blog.csdn.net"

, dann wird beim Anklicken direkt zur Seite dieses Links gesprungen.

2. Die URL ist eine relative URL

Zu diesem Zeitpunkt verweist sie auf eine Datei auf der Website, z href="/test. doc", dann wird die Datei beim Anklicken direkt heruntergeladen.

3. Anker-URL

Zu diesem Zeitpunkt verweist es auf den Anker auf der Seite, z. B. href="#top", dann kommt es beim Anklicken an Der Ankerpunkt mit id="top" auf der aktuellen Seite realisiert den sogenannten Sprung der aktuellen Seite. Die häufigste Verwendung besteht darin, einer scrollbaren Seite ein Menü hinzuzufügen, um direkt zu einem bestimmten Teil der Seite zurückzukehren.

Das heißt, alle drei Codebeispiele:

<a href="http://baidu.com">超链接</a>
<a href="#">回到最顶端</a>
<a href="css/css1.css">文件链接</a>

Das obige ist der detaillierte Inhalt vonEinführung in verschiedene Verwendungsmöglichkeiten des a-Tags href='' in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!