Der Unterschied zwischen der Verwendung von JavaScript im href und dem Onclick eines Tags

Der Unterschied zwischen der Verwendung von Javascript im href und dem Onclick eines Tags

⒈ Das Onclick-Ereignis des Links wird zuerst ausgeführt, gefolgt von der Aktion unter dem href-Attribut (Seitensprung oder Javascript). Pseudo-Link) ;

⒉ Gehen Sie davon aus, dass der Link sowohl href als auch onclick enthält. Wenn Sie möchten, dass die Aktion unter dem href-Attribut nicht ausgeführt wird, muss onclick einen falschen Rückgabewert erhalten >⒊ Wenn die Seite zu lang ist und eine Bildlaufleiste vorhanden ist und Sie eine Aktion über das Onclick-Ereignis des Links ausführen möchten. Sein href-Attribut sollte auf javascript:void(0); anstelle von # gesetzt werden, was unnötige Seitensprünge verhindern kann.

⒋ Wenn Sie einen Rückgabewert im href-Attribut der Link-Funktion aufrufen, wird der Inhalt von Die aktuelle Seite wird durch den Rückgabewert dieser Funktion ersetzt.

⒌ unterscheidet sich, wenn die Umschalttaste gedrückt gehalten wird.

⒍ Auf ParentNode kann in IE6.0 nicht in Form von href zugegriffen werden. Versuchen Sie, das javascript:-Protokoll nicht als href-Attribut von A zu verwenden. Dies führt nicht nur dazu, dass das window.onbeforeunload-Ereignis unnötigerweise ausgelöst wird, sondern stoppt auch die Wiedergabe des GIF-animierten Bilds im IE. Das ist alles, ich habe viel Zeit damit verbracht.

(unter IE6)

Diese Schreibweise der URL unter IE6 fordert das Backend an, aber es gibt keine Bewegung im Frontend

<a href="javascript:void(0);" onclick="javascript:modifypassword();"><img src="images/blue/Modify.gif"/></a>

sollte sein

Ein paar Beispiele aus meiner persönlichen Sammlung, von denen jeder lernen kann:

<a href="javascript:void(0);" onclick="javascript:modifypassword();return false;"><img src="images/blue/Modify.gif"/></a>

------------- -------- ------------------------------------------ -------- --------

1：<a href="####"></a>
2：<a href="javascript:void(0)"></a>
3：<a href="javascript:void(null)"></a>
4：<a href="#" onclick="return false"></a>
5：<span style="cursor:hand"></span>(好像在FF中不能显示)

Verwenden Sie JavaScript mit Vorsicht: void(0) Als ich heute getestet habe, war klar, dass das Programm ausgeführt wurde und das Endergebnis war korrekt, aber die Seite wurde nicht aktualisiert.

Getestet unter FireFox2.0 und IE7, das Ergebnis ist normal, aber IE6 aktualisiert nicht! Nach sorgfältiger Untersuchung habe ich festgestellt, dass der Seitenlink

Werfen wir zunächst einen Blick auf die Bedeutung von void(0) in JavaScript: void ist in JavaScript ein Operator, der angibt, einen Ausdruck auszuwerten, aber keinen Wert zurückzugeben. Das Verwendungsformat des

void-Operators lautet wie folgt:

e-expression ist ein auszuwertender JavaScript-Standardausdruck. Die Klammern außerhalb des Ausdrucks sind optional, es empfiehlt sich jedoch, sie zu schreiben. Wir können Hyperlinks mit dem Void-Operator angeben. Der Ausdruck wird ausgewertet, es wird jedoch nichts in das aktuelle Dokument geladen. Der obige Code erstellt einen Hyperlink, der nichts bewirkt, wenn der Benutzer darauf klickt. Wenn der Benutzer auf den Link klickt, wird void(0) als 0 ausgewertet, hat aber keine Auswirkung auf JavaScript. Es passiert nichts, wenn Sie hier klickenMit anderen Worten: Wenn Sie eine Verarbeitung durchführen möchten, ohne die Seite als Ganzes zu aktualisieren, können Sie void( 0), aber wenn Sie die Seite aktualisieren müssen, müssen Sie vorsichtig sein. Tatsächlich können wir , dieser Satz führt einen Übermittlungsvorgang aus. Unter welchen Umständen wird void(0) häufiger verwendet? Ohne Aktualisierung ist es natürlich Ajax. Wenn Sie sich die Ajax-Webseite ansehen, werden Sie im Allgemeinen viel void(0) sehen, wenn Sie also void verwenden (0) ), überlegen Sie sich am besten, ob diese Seite als Ganzes aktualisiert werden muss.

1. javascript:void (e-xpression)
2. javascript:void e-xpression

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen der Verwendung von JavaScript im href und dem Onclick eines Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!