Heim > Web-Frontend > HTML-Tutorial > Teilen Sie Probleme und Lösungen zum Hinzufügen von Klickereignissen in Tags

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

零下一度
Freigeben: 2017-05-10 15:16:39
Original
2976 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren
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>
Nach dem Login kopieren
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>
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage