Heim > Web-Frontend > HTML-Tutorial > Detaillierte Erläuterung des Unterschieds zwischen einer href=#- und einer href=javascript:void(0)_HTML/Xhtml_Webpage-Produktion

Detaillierte Erläuterung des Unterschieds zwischen einer href=#- und einer href=javascript:void(0)_HTML/Xhtml_Webpage-Produktion

WBOY
Freigeben: 2016-05-16 16:37:14
Original
1292 Leute haben es durchsucht

a href="#"> Nach dem Klicken auf den Link scrollt die Seite nach oben. #Der Standardanker ist #TOP

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

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

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 auch 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

etc.

Verschiedene Arten von Links zum Öffnen neuer Fenster Methode

1.window.open('url')
2 Funktion

Code kopieren
Der Code lautet wie folgt:

<script> 🎜>function openWin(tag,obj) <br>{ <br>obj.target="_blank"; <br>obj .href = "Web/Substation/Substation.aspx?stationno=" tag; click(); <br>} <br></script>
LINK_TEST 🎜>

window.location.href=""
------------------------------------ ------------ -------------------------------------- -------
Wenn es ein # ist, wird es eine Situation geben, in der es an die Spitze springt. Mehrere Lösungen für persönliche Favoriten:
1:
2:
3:
4: (Es scheint, dass es nicht in FF angezeigt werden kann)
- ------------------------------ -------------------- ----------------------------
Verwenden Sie JavaScript:void(0) mit Vorsicht

Beim heutigen Debuggen von CGI wurde offensichtlich das CGI-Programm ausgeführt und das Endergebnis ist korrekt, aber die Seite wird nicht aktualisiert. 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. 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.
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"
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage