So verhindern Sie, dass Hyperlinks beim Verwenden eines Links springen

Bei der Verwendung von <a href="" onclick=""> traten einige Probleme auf, die mich mehr als einen Monat lang verwirrten. Jetzt erhielt ich von Internetnutzern die folgende Schlussfolgerung, die mich plötzlich aufklärte und das Problem löste.

Zuerst wird das Onclick-Ereignis des Links ausgeführt, gefolgt von der Aktion unter dem href-Attribut (Seitensprung oder Javascript-Pseudolink).
Angenommen, in einem Link sind sowohl href als auch onclick vorhanden. Wenn Sie verhindern möchten, dass die Aktion unter dem href-Attribut ausgeführt wird, muss onclick einen falschen Wert zurückgeben.
Wenn die Seite zu lang ist und über eine Bildlaufleiste verfügt und Sie eine Aktion über das Onclick-Ereignis des Links ausführen möchten. Sein href-Attribut sollte auf javascript:void(0); statt auf # gesetzt werden, was unnötige Seitensprünge verhindern kann;
Wird im href-Attribut eines Links eine Funktion mit einem Rückgabewert aufgerufen, wird der Inhalt der aktuellen Seite durch den Rückgabewert dieser Funktion ersetzt;
Es macht einen Unterschied, wenn Sie die Umschalttaste gedrückt halten.
Das Problem, auf das ich heute gestoßen bin, besteht darin, dass ich in IE6.0 nicht auf den übergeordneten Knoten in der Form „href“ zugreifen kann.
Versuchen Sie, das javascript:-Protokoll nicht als href-Attribut von A zu verwenden. Dies führt nicht nur zu einer unnötigen Auslösung des Ereignisses window.onbeforeunload, sondern stoppt auch die Wiedergabe der GIF-Animation im IE.

<<: Erfahren Sie, wie Sie die neue Element-Traversal-Eigenschaft von JavaScript zum Durchlaufen von untergeordneten Elementen verwenden.

>>: onfocus="this.blur()" wird von blinden Webmastern gehasst

Beispiel für die Verwendung von MySQL zum Zählen der Anzahl unterschiedlicher Werte in einer Spalte

So verhindern Sie, dass Hyperlinks beim Verwenden eines Links springen

Beispiel für die Verwendung von MySQL zum Zählen der Anzahl unterschiedlicher Werte in einer Spalte

Zusammenfassung einiger Gedanken zur Binlog-Optimierung in MySQL

Vue implementiert Modal-Komponente basierend auf Teleport

Detaillierte Erläuterung von drei Lösungen für den Website-Footer-Sinking-Effekt

Haben Sie die MySQL-Verbindungsabfrage wirklich gelernt?

Detaillierte Erläuterung des MySQL Multi-Version Concurrency Control Mechanism (MVCC)-Quellcodes

So erstellen Sie einen Flammeneffekt mit CSS

So legen Sie die UTF-8-Kodierung in einer MySQL-Datenbank fest

Detaillierte Erläuterung der MySQL sql_mode-Abfrage und -Einstellung

Beispiele für minimalistisches Website-Design

Artikel empfehlen

Ein kurzes Verständnis mehrerer Planungsalgorithmen für den siebenschichtigen Lastenausgleich von Nginx

10 schlechte Angewohnheiten, die Sie bei Docker-Containeranwendungen vermeiden sollten

Zusammenfassung der allgemeinen Funktionen und Verwendungsmethoden der WeChat-Applet-Entwicklung

Analyse des rel-Attributs in HTML

Anweisungen zur verschachtelten Verwendung von MySQL ifnull

Eine kurze Diskussion über JS-Verpackungsobjekte

Detaillierte Analyse des React Diff-Prinzips

MySQL GROUP_CONCAT-Einschränkungslösung

Detaillierte Erläuterung des Falls der dynamischen Tabellengenerierung mit JavaScript

CSS fängt die Zeichenfolge mit der angegebenen Länge automatisch ab und zeigt das Ende an ... Unterstützt den FF-Browser

So installieren Sie Redis im Docker, legen das Kennwort fest und stellen eine Verbindung her

VUE führt die Implementierung der Verwendung von G2-Diagrammen ein

Detaillierte Erklärung der Verwendung und Erfahrung mit tinyMCE

Zusammenfassung der SQL-Deduplizierungsmethoden

Konfigurationsmethode für das Nginx-Anforderungslimit