Ein Vergleich zwischen dem href-Attribut und dem onclick-Ereignis des a-Tags

Ein Vergleich zwischen dem href-Attribut und dem onclick-Ereignis des a-Tags

Lassen Sie uns zunächst über die Ausführungsreihenfolge des href-Attributs und des onclick-Ereignisses sprechen. Wenn die Maus auf das a-Tag klickt, wird zuerst das onclick-Ereignis ausgeführt und dann die Aktion unter dem href-Attribut (Seitensprung oder JavaScript-Pseudolink). Wenn Sie die Aktion unter dem href-Attribut nicht ausführen möchten, muss onclick false zurückgeben, was normalerweise wie folgt geschrieben wird: onclick="xxx();return false.

So führen Sie Javascript-Codeausdrücke und Standardschreiben in href-Attributen aus

„In JavaScript ist void ein Operator, der angibt, dass ein Ausdruck ausgewertet werden soll, aber kein Wert zurückgegeben werden soll.

Das Verwendungsformat des Void-Operators ist wie folgt:

1. Javascript: void (Ausdruck)
2. javascript:void-Ausdruck

Ausdruck ist ein auszuwertender JavaScript-Standardausdruck. Die Klammern um den Ausdruck sind optional, es empfiehlt sich jedoch, sie zu schreiben. (Implementiert in Navigator 3.0)

Sie können Hyperlinks mit dem Void-Operator angeben. Der Ausdruck wird ausgewertet, aber es wird nichts in das aktuelle Dokument geladen. ”

href=# enthält eine Standortinformation. Der Standardanker ist #top, also der obere Rand der Webseite, während javascript:void(0) nur einen toten Link ohne Informationen anzeigt. Daher ist es am besten, void(0) beim Aufruf des Skripts zu verwenden

href verweist normalerweise auf eine URL-Adresse und kann auch JavaScript aufrufen, z. B. href="javascript:xxx();". Das Dokument empfiehlt, es folgendermaßen zu schreiben: <a href="javascript:void(0)" onclick="xxx();">xx</a>, aber diese Methode verursacht in komplexen Umgebungen manchmal seltsame Probleme. Versuchen Sie, javascript: protocol nicht als href-Attribut von A zu verwenden, da dies nicht nur zu einer unnötigen Auslösung des Ereignisses window.onbeforeunload führt, sondern auch die Wiedergabe von GIF-Animationsbildern im IE stoppt.

<<:  Einige Schlussfolgerungen zur Gestaltung von Portal-Website-Fokusbildern

>>:  Detaillierter Prozess der Bereitstellung von Docker für WSL2 in IDEA

Artikel empfehlen

Führen Sie die Schritte zur Installation von FFmpeg auf dem CentOS-Server aus

Vorwort Die Serversystemumgebung ist: CentOS 6.5 ...

Linux Dateisystemtyp anzeigen Beispielmethode

So überprüfen Sie den Dateisystemtyp einer Partit...

Neue Funktionen in MySQL 8.0 - Einführung in Check Constraints

Inhaltsverzeichnis Vorwort Einschränkungen prüfen...

Zusammenfassung der Verwendung von MySQL Online DDL gh-ost

Hintergrund: Als DBA werden die meisten DDL-Änder...

jQuery erzielt Ein- und Ausblendeffekte

Bevor wir jQuery verwenden, um den Ein- und Ausbl...

CentOS7 verwendet RPM, um MySQL 5.7-Tutorialdiagramm zu installieren

1. Laden Sie 4 RPM-Pakete herunter mysql-communit...

Freundliche Alternativen zum Find Tool in Linux

Mit dem Befehl „Find“ können Sie in einem angegeb...

jQuery-Plugin für ein nahtloses Karussell

Ein nahtloses Karussell ist ein sehr häufiger Eff...

SQL-Implementierung von LeetCode (181. Angestellte verdienen mehr als Manager)

[LeetCode] 181.Mitarbeiter verdienen mehr als ihr...

Zusammenfassung der gebräuchlichen Buchstaben in Unicode

Die meisten der ersten Computer konnten nur ASCII...