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

Vue implementiert Paging-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

So führen Sie py-Dateien direkt unter Linux aus

1. Erstellen Sie zuerst die Datei (wechseln Sie p...

Konfigurationsprozess für die MySQL-Master-Slave-Replikation

Konfiguration der Hauptbibliothek 1. Konfiguriere...

So aktualisieren Sie die Ansicht synchron nach Datenänderungen in Vue

Vorwort Vor kurzem bin ich auf ein interessantes ...

Lösung für das Problem des MySQL-Threads beim Öffnen von Tabellen

Problembeschreibung Vor kurzem gab es einen MySQL...

So erstellen Sie eine lnmp-Umgebung im Docker

Erstellen eines Projektverzeichnisses mkdir php E...

Schritte zum Ändern des MySQL-Datenbankdatendateipfads unter Linux

Nach der Installation der MySQL-Datenbank mit der...

Ubuntu 16.04 Installations-Tutorial unter VMware 12

In diesem Artikel finden Sie das Installations-Tu...

Reines JavaScript zur Implementierung des Zahlenratespiels

Entwickeln Sie ein Zahlenratespiel, bei dem zufäl...

VMware ESXI-Servervirtualisierungscluster

Inhaltsverzeichnis Zusammenfassung Umgebung und W...