Der Unterschied zwischen einem href=# und einem href=javascript:void(0)

a href=# Nach dem Klicken auf den Link scrollt die Seite nach oben. # Der Standardankerpunkt ist #TOP, javascript:void(0). Nach dem Klicken auf den Link wird die Seite nicht verschoben und nur der Link wird geöffnet. Weitere Informationen finden Sie in diesem Artikel. a href="#"> Nach dem Klicken auf den Link scrollt die Seite nach oben. #Der Standardankerpunkt ist #TOP

Nach dem Klicken auf den Link verschiebt sich die Seite nicht, sondern nur der Link wird geöffnet

Der Effekt ist derselbe wie oben, es gibt jedoch Unterschiede bei verschiedenen Browsern.

Wenn Sie nach dem Klicken auf den Link nicht möchten, dass die Seite zum Seitenanfang scrollt, verwenden Sie href="javascript:void(0)" anstelle von href="#". ein ähnlicher Effekt

Detaillierte Erklärung des Unterschieds zwischen href="#" und href="javascript:void(0)"

"#" enthält eine Positionsinformation
Der Standard-Ankerpunkt ist #top. Er befindet sich oben auf der Webseite
und javascript:void(0) bedeutet nur einen toten Link
Aus diesem Grund ist die Seite manchmal sehr lang und der Browser-Link ist offensichtlich #, aber es springt an den Anfang der Seite
und javascript:void(0 ) ist nicht der Fall
Wenn Sie also ein Skript aufrufen, verwenden Sie am besten void(0)
oder

Funktion

Der Code lautet wie folgt:


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

Wenn es ein # ist, springt es nach oben. Mehrere Lösungen aus der persönlichen Sammlung:

1: ： ：: in FF angezeigt werden)

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

<script> 
function openWin(tag,obj) 
{ 
obj.target="_blank"; 
obj.href = "Web/Substation/Substation.aspx?stationno="+tag; 
obj.click(); 
} 
</script> 
<a href="javascript:void(0)" onclick="openWin(3,this)">LINK_TEST</a> 

window.location.href=""

Verwenden Sie JavaScript mit Vorsicht: void(0)

Als ich heute CGI debuggte, war klar, dass das CGI-Programm ausgeführt wurde und das Endergebnis korrekt war, aber die Seite ließ sich nicht aktualisieren. Getestet unter FireFox2.0, das Ergebnis ist normal, aber IE6 aktualisiert nicht! Nach sorgfältiger Untersuchung habe ich festgestellt, dass der CGI-Seitenlink ist Darin liegt void(0)! Werfen wir zunächst einen Blick auf die Bedeutung von void(0) in JavaScript:
void ist in JavaScript ein Operator, der angibt, einen Ausdruck zu berechnen, aber keinen Wert zurückgibt.

Das Verwendungsformat des void-Operators lautet wie folgt:

1. javascript:void (expression_r_r)
2. javascript:void expression_r_r

expression_r_r ist ein JavaScript-Standard berechneter Ausdruck. Klammern um Ausdrücke 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.
Ein Klick hierauf führt zu nichts Das heißt, es wird etwas verarbeitet, aber die Seite als Ganzes wird nicht aktualisiert kann void(0) verwenden, aber wenn Sie die Seite aktualisieren müssen, müssen Sie vorsichtig sein.
Tatsächlich können wir verwenden. 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.

Bei der Verwendung von Javascript übergeben wir normalerweise etwas wie:

Submit Methode, Aufruf Die Javascript-Methode über einen Pseudolink ist:
Obwohl die Seite nicht springt, wenn Sie auf den Link klicken, wird die Bildlaufleiste nach oben gescrollt.

As unten gezeigt:

SubmitSie können auch ###
a href="javascript:void(0)" onclick="javascript:method;return false;" um
javascript:void(0) einzureichen und es wird nicht nach oben springen: )

Eine andere Methode ist #this

a href="#this" onclick="javascript:method"


Mehr a href=#with Für verwandte Artikel über den Unterschied zwischen einem href =javascript:void(0), bitte achten Sie auf die chinesische PHP-Website!