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

Eine kurze Erläuterung zu Leerzeichen und Leerzeilen im HTML-Code

Alle aufeinanderfolgenden Leerzeichen oder Leerze...

So verwenden Sie gdb zum Debuggen von Kerndateien in Linux

1.core-Datei Wenn während der Programmausführung ...

Eine kurze Diskussion über den Spaß von :focus-within in CSS

Ich glaube, einige Leute haben dieses Bild gesehe...

Eine schnelle Lösung für den ersten Anmeldefehler in mysql5.7.20

Zunächst stellen wir vor, wie (1) MySQL 5.7 hat e...

Lösung für das Problem, dass Nacos keine Verbindung zu MySQL herstellen kann

Grund Die MySQL-Version, von der Nacos‘ POM abhän...

Eine kurze Analyse der Verwendung von HTML-Float

Einige Verwendungen von Float Linke Aufhängung: f...

Optimierungsmethoden, wenn MySQL zu viel CPU beansprucht (unbedingt lesen)

Wenn MySQL zu viel CPU beansprucht, wo sollten wi...

So installieren und deinstallieren Sie open-vswitch unter Linux

1. Kompilieren und installieren Sie OVS aus dem Q...

Vue implementiert nahtloses Scrollen von Listen

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erklärung des Linux Namespace-Benutzers

Der Benutzer-Namespace ist ein neuer Namespace, d...