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

Eine kurze Analyse des Kimono-Memo-Problems

Heute musste ich nach dem Neustart des Spiels fes...

js zur Realisierung der automatischen Sperrbildschirmfunktion

1. Anwendungsszenarien Es gibt eine solche Anford...

Installieren Sie Centos7 mithilfe einer virtuellen Hyper-V-Maschine

Inhaltsverzeichnis einführen Vorbereiten Systemab...

Analyse des SELECT-Abfrageausdrucks in der MySQL-Datenbank

Ein großer Teil der Datenverwaltung besteht aus S...

Sequentielles und zufälliges Schreiben auf Linux-Festplatten

1. Einleitung ● Zufälliges Schreiben führt dazu, ...

JavaScript-Canvas zum Erzielen eines Code-Rain-Effekts

In diesem Artikel wird der spezifische Code für C...

Reines CSS3 zur Erzielung einer Mouseover-Schaltflächenanimation, Teil 2

Haben Sie nach den letzten beiden Kapiteln ein ne...

So installieren Sie MySQL in Docker

Ich habe kürzlich Django bereitgestellt und wollt...

Javascript zum Erzielen eines Trommeleffekts

In diesem Artikel wird der spezifische Code von J...

Detaillierte Erläuterung der Destrukturierungszuweisung von JS ES6-Variablen

Inhaltsverzeichnis 1. Was ist Dekonstruktion? 2. ...

Neue Einstellungen für Text und Schriftarten in CSS3

Textschatten Textschatten: horizontaler Versatz, ...

So implementieren Sie die Kontrollkästchen- und Radioausrichtung

Nicht nur das Verhalten verschiedener Browser ist...