Heim  >  Artikel  >  Web-Frontend  >  Fügen Sie einem Tag ein Klickereignis hinzu, um die href-Sprungseite zu blockieren

Fügen Sie einem Tag ein Klickereignis hinzu, um die href-Sprungseite zu blockieren

PHP中文网
PHP中文网Original
2016-08-20 08:47:541509Durchsuche

Wir verwenden häufig Klickereignisse im a-Tag:
1 a href="javascript:js_method();"

Dies ist eine häufig verwendete Methode auf unserer Plattform , aber diese Methode ist anfällig für Probleme bei der Übergabe von Parametern wie diesem, und wenn das javascript:-Protokoll als href-Attribut von a verwendet wird, führt dies nicht nur dazu, dass das window.onbeforeunload-Ereignis unnötigerweise ausgelöst wird, sondern es wird auch gestoppt das animierte GIF-Bild im IE Play. W3C-Standards empfehlen die Ausführung von Javascript-Anweisungen in href

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

Dies Diese Methode ist auf vielen Websites die am häufigsten verwendete Methode und auch die umfassendste Methode. Die Methode onclick 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.

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

Diese Methode ähnelt der 2, der einzige Unterschied besteht darin, dass sie leer ist Zeile ist js-Code ausgeführt.

4.a href="#" onclick="js_method()"

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

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

Diese Methode gibt false zurück, nachdem auf die Ausführung der js-Funktion geklickt wurde Seite Es findet kein Sprung statt und Sie befinden 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.

Basierend auf dem oben Gesagten wird die am besten geeignete Methode zum Aufrufen von js-Funktionen in a empfohlen:

Ich persönlich empfehle die zweite:

a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"

Das Obige ist der Inhalt des Hinzufügens eines Klickereignisses zum a-Tag, um die href-Sprungseite zu blockieren. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!



Stellungnahme:
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