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

Installieren des Ping-Tools in einem von Docker erstellten Container

Denn die von Docker abgerufenen Basisimages wie C...

So legen Sie den Produktionsumgebungsmodus process.env.NODE_ENV fest

Bevor ich anfange, möchte ich betonen, dass proce...

So passen Sie die Höhe eines Divs an die Höhe des Browsers an

Diese alte Frage hat unzählige Frontend-Entwickler...

So stellen Sie MySQL so ein, dass die Groß-/Kleinschreibung nicht beachtet wird

MySQL auf Groß-/Kleinschreibung eingestellt Windo...

So installieren Sie eine ISO-Datei im Linux-System

Wie installiere ich ISO-Dateien unter einem Linux...

Der Nginx-Reverseproxy leitet Anfragen von Port 80 an 8080 weiter.

Lassen Sie uns zunächst eine Reihe von Konzepten ...

Analyse des Implementierungsprozesses für die Tomcat maxPostSize-Einstellung

1. Warum maxPostSize festlegen? Der Tomcat-Contai...

Das WeChat-Applet realisiert die Funktion zum Hochladen von Bildern

In diesem Artikelbeispiel wird der spezifische Co...

Richtige Methode zum Laden von Schriftarten in Vue.js

Inhaltsverzeichnis Schriftarten mit font-face ric...

Anwendung von HTML und CSS in Flash

Anwendung von HTML und CSS in Flash: Ich habe zufä...

8 wichtige JavaScript-Codefragmente für Ihr Projekt

Inhaltsverzeichnis 1. Holen Sie sich die Dateierw...

Gängige Angriffe auf Web-Frontends und Möglichkeiten, sie zu verhindern

Die Sicherheitsprobleme, die bei der Frontend-Ent...