Heim  >  Artikel  >  Web-Frontend  >  Der Unterschied zwischen einem href=# und einem href=javascript:void(0)

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

高洛峰
高洛峰Original
2017-03-01 14:37:221389Durchsuche

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

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

bc6d79ba8966c2a01409131b72a77fa3 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 7ce8961e120a815eeb46b3f04acc755f
56ea8152226b1444ce0c2c61f8d5d4f7 Funktion

Der Code lautet wie folgt:


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

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

1:6b0da6d38e340e6a590cff29d8e276f55db79b134e9f6b82c0b36e0489ee08ed :0408054196e655f677973fb4d7c998655db79b134e9f6b82c0b36e0489ee08ed :755146b0f224288ff1f9517809ac46ba5db79b134e9f6b82c0b36e0489ee08ed:84c8ecde5320398c03be1686cf845b0554bdf357c58b8a65c66d7c19c8e4d114 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 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.
0408054196e655f677973fb4d7c99865Ein Klick hierauf führt zu nichts5db79b134e9f6b82c0b36e0489ee08ed 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 870cd383f150d4ad83c7c7790d241cd0 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:

b36bf3b0b4634dd7fb77bc4ab5515eccSubmit5db79b134e9f6b82c0b36e0489ee08ed 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:

cf705981e8e0dc2dc307278456d727f3Submit5db79b134e9f6b82c0b36e0489ee08edSie 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!