Teilen Sie Probleme und Lösungen zum Hinzufügen von Klickereignissen in Tags

Ich bin gestern auf ein Problem gestoßen, als ich Änderungen am Seitensprung vorgenommen habe. Wenn das „href“-Attribut des a-Tags beispielsweise leer ist, , beim Klicken erfolgt überhaupt keine Reaktion. Später, nach Gesprächen mit Kollegen, stellte ich fest, dass es in javascript:void(0)" onclick="roleupdate()">Modify geändert wurde. Das heißt, durch Hinzufügen von „javascript:void(0)“ oder „#“ zum „href“-Attribut kann ein Seitensprung erzielt werden, daher denke ich persönlich, dass der „href“-Attributwert im „a“-Tag nicht vorhanden sein sollte leer.

Um das Lernen für alle zu erleichtern, habe ich verschiedene Methoden zur Verwendung des Klick--Ereignisses im „a“-Tag zusammengestellt, wie unten gezeigt:

<a href="JavaScript:js_method();"</a>

Dies ist eine häufig verwendete Methode auf der Plattform, aber diese Methode ist anfällig für Probleme bei der Übergabe von Parametern wie diesem, und wenn das Protokoll javascript: als href-Attribut von a verwendet wird, verursacht dies nicht nur das Fenster Das .onbeforeunload-Ereignis wird unnötigerweise ausgelöst, aber noch mehr im IE. Stoppt die Wiedergabe des animierten GIF-Bildes. W3C-Standards empfehlen die Ausführung von Javascript-Anweisungen

<a href="javascript:void(0);" onclick="js_method()"</a>

in href. Diese Methode ist auf vielen Websites die am häufigsten verwendete Methode und auch die umfassendste Methode. Die Onclick-Methode ist für die Ausführung von js verantwortlich > Funktion und Void ist ein -Operator , void(0) gibt undefiniert zurück und die Adresse springt nicht. Und diese Methode stellt die js-Methode nicht wie die erste Methode direkt der Statusleiste des Browsers zur Verfügung.

3.<a href="javascript:;" onclick="js_method()"</a>

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

4.<a href="#" onclick="js_method()"</a>

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.

5.<a href="#" onclick="js_method();return false;"</a>

Diese Methode gibt nach dem Klicken zum Ausführen der js-Funktion „false“ zurück. Die Seite springt nicht und befindet sich nach der Ausführung immer noch an der aktuellen Position der Seite.

Ich habe mir die Homepage von Taobao angesehen. Sie verwenden die zweite Methode, während die Homepage von Alibaba die erste Methode verwendet. Der Unterschied zu unserer besteht darin, dass die Javascript-Methode in jedem Href verwendet wird.

[Verwandte Empfehlungen]

1.

Kostenloses HTML-Online-Video-Tutorial

2.

HTML-Entwicklungshandbuch

3. php.cn Original-HTML5-Video-Tutorial

Das obige ist der detaillierte Inhalt vonTeilen Sie Probleme und Lösungen zum Hinzufügen von Klickereignissen in Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!