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 8e9cc94c34df968f4aa8c931383e7efbEs passiert nichts, wenn Sie hier klicken5db79b134e9f6b82c0b36e0489ee08edMit 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 c806b7c1fd8e2716c44eef9178fe30ec, 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!