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

js-Lernnotizen: Schlüsselwörter „class“, „super“ und „extended“

Detaillierte Erklärung zweier Tabellenkopieranweisungen: SELECT INTO und INSERT INTO SELECT (Unterschiede zwischen SQL-Datenbank und Oracle-Datenbank)

1. INSERT INTO SELECT-Anweisung Das Anweisungsfor...

Verschiedene Methoden zum Aufrufen von js in einem werden herausgestellt und zur Verwendung empfohlen.

js-Lernnotizen: Schlüsselwörter „class“, „super“ und „extended“

Detaillierte Beispiele für den Unterschied zwischen den Methoden watch und computed in Vue.js

Detaillierte Schritte zur Installation von MySQL 8.0.27 in Linux 7.6-Binärdateien

HTML-Tutorial: DOCTYPE-Abkürzung

Sechs Tipps zur Verbesserung der Ladegeschwindigkeit von Webseiten

Linux verwendet Shell-Skripte, um historische Protokolldateien regelmäßig zu löschen

So verwenden Sie das VS2022-Remote-Debugging-Tool

Prinzipielle Beispiele für die vier Netzwerktypen von Docker

Der gesamte Prozess der Verwendung von node.js Express zum automatischen Erstellen des Projekts

Beispielcode für nahtloses Scrollen mit Flex-Layout

Artikel empfehlen

HTML-Hyperlinks im Detail erklärt

Centos7.5 Konfiguration Java-Umgebung Installation Tomcat Erklärung

Einführung in gängige Befehle und Tastenkombinationen in Linux

Detaillierte Erklärung und Beispiele zur Passwortverschlüsselung für Datenbankkonten

Detaillierte Erläuterung von 30 SQL-Abfrageoptimierungstechniken für MySQL-Zehnmillionen großer Datenmengen

Wie erreicht MySQL eine Master-Slave-Synchronisierung?

So verbinden Sie Xshell5 mit Linux in einer virtuellen Maschine und beheben den Fehler

So lösen Sie das Problem zu vieler geöffneter Dateien in Linux

Detailliertes Tutorial zum Bereitstellen von Jenkins basierend auf Docker

Vue implementiert ein Beispiel zum Herunterziehen und Scrollen zum Laden von Daten

jQuery löst das Problem, dass das ursprüngliche Ereignis nach dem Hinzufügen von Elementen nicht ausgeführt wird

So implementieren Sie die Ein-Klick-Bereitstellung von NFS unter Linux

Zusammenfassung von 9 hervorragenden Codevergleichstools, die unter Linux empfohlen werden

Detaillierte Erklärung zur Verwendung des CSS-Zeigerereignisse-Attributs

Detaillierte Erklärung zweier Tabellenkopieranweisungen: SELECT INTO und INSERT INTO SELECT (Unterschiede zwischen SQL-Datenbank und Oracle-Datenbank)