So verhindern Sie, dass Hyperlinks beim Verwenden eines Links springen

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

Artikel empfehlen

Beispielcode für den dynamischen CSS-Ladebalkeneffekt

Mit dem Wissen über CSS-Variablen werde ich den C...

Ausführliche Erläuterung der HTML-Grundlagen (Teil 2)

1. Liste Der Listen-UL- Container wird mit einer ...

Detaillierte Erläuterung der Funktionen und Methoden des Vue3-Lebenszyklus

1. Übersicht Bei der sogenannten Lifecycle-Funkti...

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

Alle aufeinanderfolgenden Leerzeichen oder Leerze...

So verwenden Sie das Videowiedergabe-Plugin DPlayer.js

Das Videoplayer-Plugin DPlayer.js ist einfach zu ...

So verwenden Sie DQL-Befehle zum Abfragen von Daten in MySQL

In diesem Artikel zeigt Ihnen der Blogger die häu...

Detaillierte Erklärung der React-Ereignisbindung

1. Was ist In react Anwendungen werden Ereignisna...

MySQL8.0.18-Konfiguration mehrerer Master und eines Slaves

Inhaltsverzeichnis 1. Realistischer Hintergrund 2...