Nach dem Klickereignis des HTML-Hyperlinks a wird zur Adresse gesprungen, auf die href zeigt.

Nach dem Klickereignis des HTML-Hyperlinks a wird zur Adresse gesprungen, auf die href zeigt.
Manchmal müssen wir den Hyperlink <a> anstelle von href verwenden, um den Sprung abzuschließen. Verwenden Sie stattdessen diese Methode: <a href="#" onClick="fun()"></a>. Auf diese Weise wird ein Seitensprung vermieden. Es bringt aber auch einige negative Probleme mit sich, beispielsweise wird der Seitentitel zu „#“ oder auf der Seite wird eine Bildlaufleiste angezeigt. Dies liegt daran, dass <a> nach der Ausführung des onClick-Ereignisses zu der von href angezeigten Adresse springt und „#“ ein Ankerpunkt ist, der sich standardmäßig oben auf der Webseite befindet, sodass das oben erwähnte Problem auftritt.

Es gibt zwei Lösungen:

1. Fügen Sie dem onClick-Ereignis eine return false-Anweisung hinzu, zum Beispiel:

<a href="#" onClick="fun(); return false;">Klick</a>

2. Verwenden Sie void(0) statt #, zum Beispiel:

<a href="javascript:void(0)" onclick="fun()">Klick</a>

<<:  MySQL-Serie 15: Allgemeine MySQL-Konfiguration und Leistungsstresstest

>>:  Einige Front-End-Praxiszusammenfassungen der neuen Homepage von Alipay

Artikel empfehlen

Einführung in die Verwendung gängiger Dockerfile-Befehle

Inhaltsverzeichnis 01 CMD 02 EINSTIEGSPUNKT 03 AR...

Lösung für falsche Zeichenfolgenwerte in MySQL

Viele Freunde berichten von folgendem Fehler, wen...

Der Unterschied zwischen Docker Run und Start

Der Unterschied zwischen Ausführen und Starten in...

Weitergabe von Techniken für Farbkontrast und -harmonie im Web

Farbkontrast und Harmonie Unter kontrastierenden ...

Die umfassendste Sammlung von Front-End-Interviewfragen

HTML und CSS 1. Verständnis und Kenntnisse von WE...

Detaillierte Erklärung der Desktop-Anwendung mit Vue3 und Electron

Inhaltsverzeichnis Vue CLI erstellt ein Vue-Proje...

So führen Sie den Top-Befehl im Batchmodus aus

Der Befehl „top“ ist der beste Befehl, den jeder ...

JavaScript-Selektorfunktionen querySelector und querySelectorAll

Inhaltsverzeichnis 1. querySelector fragt ein ein...

Ändern Sie die MySQL-Datenbank-Engine in InnoDB

PS: Ich verwende hier PHPStudy2016 1. Stoppen Sie...

JavaScript zum Erzielen des JD.com-Blitzverkaufseffekts

In diesem Artikel wird der spezifische JavaScript...

Ein vorläufiges Verständnis der benutzerdefinierten CSS-Eigenschaften

Heute sind CSS-Präprozessoren der Standard für di...