Verschiedene Methoden zum Aufrufen von js in einem werden herausgestellt und zur Verwendung empfohlen.
|
Wir verwenden Klickereignisse häufig im A-Tag: 1. eine href="javascript:js_method();" Dies ist eine auf unserer Plattform häufig verwendete Methode, die jedoch bei der Übergabe solcher Parameter anfällig für Probleme ist. Wenn außerdem das javascript:-Protokoll als href-Attribut von a verwendet wird, führt dies nicht nur zu einer unnötigen Auslösung des Ereignisses window.onbeforeunload, sondern verhindert auch die Wiedergabe der GIF-Animation im IE. W3C-Standards empfehlen nicht, JavaScript-Anweisungen in href auszuführen 2. ein href="javascript:void(0);" Diese Methode wird von vielen Websites am häufigsten verwendet und ist auch die umfassendste Methode. Die Onclick-Methode ist für die Ausführung der js-Funktion verantwortlich und void ist ein Operator. void(0) gibt undefined zurück und die Adresse springt nicht. Und diese Methode zeigt die js-Methode nicht direkt in der Statusleiste des Browsers an wie die erste Methode. 3.a href="javascript:;" onclick="js_method()" Diese Methode ähnelt den beiden vorherigen Methoden. Der einzige Unterschied besteht darin, dass ein leerer JS-Code ausgeführt wird. 4.a href="#" onclick="js_method()" Diese Methode ist auch ein sehr gebräuchlicher Code im Internet. # ist eine in das Tag integrierte Methode, die die Funktion von top darstellt. Wenn Sie diese Methode verwenden, gelangen Sie nach dem Anklicken der Webseite wieder zum Seitenanfang. 5.a href="#" onclick="js_method();return false;" Diese Methode gibt nach dem Klicken und Ausführen der js-Funktion „false“ zurück, die Seite springt nicht und die Seite bleibt nach der Ausführung an der aktuellen Position. Ich habe mir die Homepage von Taobao angesehen. Dort wurde die zweite Methode verwendet, während auf der Homepage von Alibaba die erste Methode verwendet wurde. Der Unterschied zwischen ihnen besteht darin, dass jede JavaScript-Methode im href von try und catch umgeben ist. Zusammenfassend lässt sich sagen, dass die folgende Methode zum Aufrufen einer JS-Funktion am besten geeignet ist: Code kopieren Der Code lautet wie folgt:ein href="javascript:void(0);" a href="javascript:;" onclick="js_method()" ein href="#" onclick="js_method();return false;" |
<<: Eine kurze Diskussion über Flinks fehlertoleranten Mechanismus: Jobausführung und Daemon
>>: Detaillierte Erläuterung des Garbage Collection-Mechanismus von JavaScript
Artikel empfehlen
Details zur Verwendung von Klassenstilen in Vue
Inhaltsverzeichnis 1. Boolesche Werte 2. Ausdruck...
Fallstudie zu MySQL-Berechtigungen und Datenbankdesign
Berechtigungen und Datenbankdesign Benutzerverwal...
So lösen Sie das Problem von -bash: /usr/bin/yum: Keine solche Datei oder kein solches Verzeichnis nach der Eingabe von yum in Linux
Nach der Eingabe von yum in Linux erscheint die E...
Was Sie über die Transaktionsisolierung von msyql wissen müssen
Was ist eine Transaktion? Eine Transaktion ist ei...
So kompilieren und installieren Sie PHP und Nginx in einer Ubuntu-Umgebung
Dieser Artikel beschreibt, wie man PHP und Nginx ...
Tiefgreifendes Verständnis der Vue-cli4-Routing-Konfiguration
Inhaltsverzeichnis Vorwort - Vue Routing 1. Die g...
Detaillierte Erklärung der Lösung für den Absturz von Tomcat beim Doppelklicken auf startup.bat
Als Programmierer, der gerade Tomcat gelernt hat,...
Details zur JS-Array-Deduplizierung
Inhaltsverzeichnis 1 Testfälle 2 JS-Array-Dedupli...
Teilen Sie 8 CSS-Tools zur Verbesserung des Webdesigns
Wenn das Website-Design bearbeitet oder geändert ...
Detaillierte Erläuterung der Implementierungsmethode für die Datenbank-Mehrtabellenverbindungsabfrage
Detaillierte Erläuterung der Implementierungsmeth...
Detaillierte Erklärung des Unterschieds zwischen Oracle10-Partitionen und MySQL-Partitionen
Die häufig verwendeten Oracle10g-Partitionen sind...
So zentrieren Sie Ihre HTML-Schaltfläche
Wie zentrieren Sie Ihre HTML-Schaltfläche selbst?...
So verwenden Sie VUE und Canvas, um ein Thunder Fighter-Tippspiel zu implementieren
Heute werden wir ein Thunder Fighter-Tippspiel im...
MySQL-Startfehlerproblem und Szenarioanalyse
1. Komplettlösung 1. Problemanalyse und -lokalisi...
Verwenden Sie CSS-Inhaltsattribute, um den Mouseover-Prompt-Effekt (Tooltip) zu erzielen
Warum erzielen wir diesen Effekt? Tatsächlich wir...