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

IDEA verwendet das Docker-Plugin (Tutorial für Anfänger)

Inhaltsverzeichnis veranschaulichen 1. Aktivieren...

Nginx-Server fügt benutzerdefinierte Systemd-Dienstprozessanalyse hinzu

1. Nehmen Sie nginx als Beispiel Nginx mit dem Be...

MySQL Router implementiert MySQL Lese-/Schreibtrennung

Inhaltsverzeichnis 1. Einleitung 2. MySQL-Router ...

Verwenden von CSS3 zum Erstellen von Header-Animationseffekten

Die offizielle Website von Netease Kanyouxi (http...

Verwenden Sie HTML, um eine einfache E-Mail-Vorlage zu schreiben

Heute möchte ich über ein „Low-Tech“-Problem schr...

Verwenden Sie reines JS, um den sekundären Menüeffekt zu erzielen

In diesem Artikelbeispiel wird der spezifische JS...

Zusammenfassung der Möglichkeiten zur Implementierung von Single Sign-On in Vue

Das Projekt wurde vor Kurzem ausgesetzt und die U...

Zusammenfassung der Datenspeicherstruktur des Nginx-HTTP-Moduls

Ab diesem Abschnitt erklären wir das Implementier...

Analyse der Nutzung des Xmeter API-Schnittstellentesttools

XMeter API bietet einen umfassenden Online-Schnit...

Schnelle Lösung zum Vergessen des MySQL8-Passworts

Vorwort Wenn wir das MySQL-Datenbankkennwort verg...

Upgrade des Windows Server 2008R2-Dateiservers auf Windows Server 2016

Die Benutzerorganisation verfügt über zwei Window...