Wie ein Tag JavaScript aufruft

Dieser Artikel stellt Ihnen hauptsächlich die relevanten Informationen darüber vor, wie ein Tag JavaScript aufruft. Der Artikel stellt es ausführlich anhand von Beispielcode vor. Ich hoffe, dass er jedem helfen kann .

Es gibt Klickereignisse, die wir häufig im A-Tag verwenden: & lt; das href-Attribut des Labels wird verwendet, um die URL des Hyperlink-Ziels anzugeben . Eine relative oder absolute URL zu einem gültigen Dokument, einschließlich Fragment-IDs und JavaScript-Snippets.

Hier href="javascript:;", wobei javascript: ein Pseudoprotokoll ist, das es uns ermöglicht, Javascript-Funktionen über einen Link aufzurufen. Auf diese Weise javascript: ; Wenn das Klickereignis des A-Tags ausgeführt wird, wenn die Seite viel Inhalt hat und eine Bildlaufleiste vorhanden ist, springt die Seite nicht herum und die Benutzererfahrung ist besser

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 solcher Parameter und bei Verwendung des Javascript:-Protokolls Als href-Attribut von a führt es nicht nur zu Ungenauigkeiten. Es ist auch erforderlich, das Ereignis window.onbeforeunload auszulösen, wodurch die Wiedergabe des GIF-animierten Bilds im IE gestoppt wird. W3C-Standards empfehlen die Ausführung von Javascript-Anweisungen in href

2. Diese Methode ist auf vielen Websites die am häufigsten verwendete Methode . Es ist auch die umfassendste Methode, die für die Ausführung der js-Funktion verantwortlich ist, und void ist ein Operator, der void(0) 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.

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

3.

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

4.

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

Diese Methode ist auch ein im Internet sehr verbreiteter Code. # ist eine in das Tag integrierte Methode, die die Rolle darstellt von oben. Wenn Sie also mit dieser Methode auf die Webseite klicken, gelangen Sie zum Seitenanfang. Wenn die Seite über eine Bildlaufleiste verfügt, klicken Sie darauf und die Seite kehrt zum Seitenanfang zurück

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

5.

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-Methoden in jedem Href von Try und Catch umgeben sind. Basierend auf dem oben Gesagten wird die am besten geeignete Methode zum Aufrufen von js-Funktionen in a empfohlen:

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

Verwandte Empfehlungen:

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

Mehrere Methoden zum Aufrufen von js in einem Tag

Zusammenfassung der Klickereignisse zum Aufrufen von js-Funktionen in einem Tag

Mehrere Methoden zum Aufrufen von Javascript-Methoden in Tags und window.open()

Das obige ist der detaillierte Inhalt vonWie ein Tag JavaScript aufruft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!