Detaillierte Erklärung eines Tag-Klick-Ereignisses in Javascript

In diesem Artikel werden die relevanten Kenntnisse zu Klickereignissen auf dem a-Tag ausführlich vorgestellt. Es hat einen sehr guten Referenzwert. Werfen wir einen Blick mit dem Editor unten.

Als wir das Klickereignis für das Tag a verarbeiteten, stellten wir fest, dass das Auswirkung des Click-Ereignisses Es ist nicht offensichtlich, wie man mit dieser Situation umgeht:

a href="javascript:void(0);" rel="external nofollow" onclick="method()"

Diese Methode ist die am häufigsten verwendete und umfassendste Methode, onclick Die Methode ist für die Ausführung der js-Funktion verantwortlich, und void ist ein Operator, der undefiniert zurückgibt und die Adresse nicht springt. Und diese Methode stellt die js-Methode nicht wie die erste Methode direkt der Statusleiste des Browsers zur Verfügung.

a href="javascript:;" rel="external nofollow" onclick="method()"

Diese Methode ähnelt den beiden Methoden, der einzige Unterschied besteht darin, dass ein leerer JS-Code ausgeführt wird.

a href="#" rel="external nofollow" rel="external nofollow" onclick="method()"

Diese Methode ist auch ein im Internet sehr verbreiteter Code. # ist eine in das Tag integrierte Methode, die die Rolle von top darstellt. Wenn Sie also mit dieser Methode auf die Webseite klicken, gelangen Sie zum Seitenanfang.

a href="#" rel="external nofollow" rel="external nofollow" onclick="method();return false;"

Diese Methode gibt nach dem Klicken zum Ausführen der js-Funktion false zurück, wodurch das Standardverhalten des Ereignisses selbst verhindert wird, die Seite nicht springt und sie sich nach der Ausführung immer noch an der aktuellen Position der Seite befindet .

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung eines Tag-Klick-Ereignisses in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!