Was bedeutet "Javascript: void (0)"?

<a href="javascript:void(0)" id="loginlink">login</a>

Ich habe so hrefviele Male gesehen, aber ich weiß nicht genau, was das bedeutet.

Der voidOperator wertet den angegebenen Ausdruck aus und kehrt dann zurück undefined.

Der voidOperator wird häufig nur verwendet, um den undefinedprimitiven Wert zu erhalten, normalerweise unter Verwendung von " void(0)" (was " void 0" entspricht). In diesen Fällen undefined kann stattdessen die globale Variable verwendet werden (vorausgesetzt, sie wurde keinem nicht standardmäßigen Wert zugewiesen).

Hier wird eine Erklärung gegeben: voidOperator .

Der Grund, warum Sie dies mit hrefeinem Link tun möchten, ist, dass normalerweise eine javascript:URL den Browser zu einer Nur-Text-Version des Ergebnisses der Auswertung dieses JavaScript umleitet. Wenn das Ergebnis jedoch ist undefined, bleibt der Browser auf derselben Seite. void(0)ist nur ein kurzes und einfaches Skript, das ausgewertet wird undefined.

Zusätzlich zur technischen Antwort javascript:voidbedeutet dies , dass der Autor es falsch macht.

Es gibt keinen guten Grund, eine javascript:Pseudo-URL (*) zu verwenden. In der Praxis führt dies zu Verwirrung oder Fehlern, wenn jemand Dinge wie "Lesezeichen-Link", "Link in einem neuen Tab öffnen" usw. ausprobiert. Dies passiert ziemlich oft, jetzt haben sich die Leute daran gewöhnt, mit der mittleren Maustaste auf einen neuen Tab zu klicken: Es sieht aus wie ein Link, Sie möchten ihn in einem neuen Tab lesen, aber es stellt sich heraus, dass es sich überhaupt nicht um einen echten Link handelt. und gibt unerwünschte Ergebnisse wie eine leere Seite oder einen JS-Fehler, wenn Sie mit der mittleren Maustaste klicken.

<a href="#">ist eine häufige Alternative, die möglicherweise weniger schlecht ist. Sie müssen jedoch daran denken, return falsevon Ihrem onclickEreignishandler zu erfahren, dass der Link nicht verfolgt wird und Sie zum oberen Rand der Seite scrollen.

In einigen Fällen kann es einen tatsächlich nützlichen Ort geben, auf den der Link verweist. Wenn Sie beispielsweise ein Steuerelement haben, auf das Sie klicken können, um ein zuvor ausgeblendetes Steuerelement zu öffnen <div id="foo">, ist es sinnvoll, <a href="#foo">eine Verknüpfung zu diesem Steuerelement zu verwenden . Oder wenn es eine Nicht-JavaScript-Methode gibt, mit der Sie dasselbe tun können (z. B. 'thispage.php? Show = foo', mit der foo zunächst sichtbar gemacht wird), können Sie darauf verlinken.

Wenn ein Link nur auf ein Skript verweist, handelt es sich nicht wirklich um einen Link und sollte nicht als solcher gekennzeichnet werden. Die übliche Vorgehensweise wäre der hinzufügen onclickzu einem <span>, <div>oder ein , <a>ohne eine hrefin irgendeiner Weise und Stil es , um es Sie können es zu machen deaktivieren Sie. Dies hat StackOverflow [zum Zeitpunkt des Schreibens getan; jetzt benutzt es href="#"].

Dies hat den Nachteil, dass Sie die Tastaturkontrolle verlieren, da Sie nicht auf ein span / div / bare-a tippen oder es mit Leerzeichen aktivieren können. Ob dies tatsächlich ein Nachteil ist, hängt davon ab, welche Art von Aktion das Element ausführen soll. Mit etwas Aufwand können Sie versuchen, die Interaktionsfähigkeit der Tastatur nachzuahmen, indem Sie tabIndexdem Element ein hinzufügen und auf einen Space-Tastendruck warten. Aber es wird niemals das reale Browserverhalten zu 100% reproduzieren, nicht zuletzt, weil verschiedene Browser unterschiedlich auf die Tastatur reagieren können (ganz zu schweigen von nicht visuellen Browsern).

Wenn Sie wirklich ein Element möchten, das kein Link ist, aber wie gewohnt per Maus oder Tastatur aktiviert werden kann, möchten Sie ein <button type="button">(oder <input type="button">ist genauso gut für einfache Textinhalte). Sie können es jederzeit mit CSS neu formatieren, sodass es eher wie ein Link als wie eine Schaltfläche aussieht, wenn Sie möchten. Aber da es sich wie ein Knopf verhält, sollten Sie ihn wirklich so markieren.

(*: jedenfalls beim Erstellen von Websites. Offensichtlich sind sie für Lesezeichen nützlich. javascript:Pseudo-URLs sind eine konzeptionelle Bizarrheit: Ein Locator, der nicht auf einen Standort verweist, sondern aktiven Code innerhalb des aktuellen Standorts aufruft. Sie haben massive Sicherheit verursacht Probleme sowohl für Browser als auch für Webanwendungen und sollten niemals von Netscape erfunden worden sein.)

Es bedeutet, dass es nichts tun wird. Es ist ein Versuch, den Link nirgendwo "navigieren" zu lassen. Aber es ist nicht der richtige Weg.

Sie sollten eigentlich nur return falsefür den onclickFall, so:

<a href="#" onclick="return false;">hello</a>

Normalerweise wird es verwendet, wenn der Link eine 'JavaScript-y'-Sache macht. Zum Beispiel ein AJAX-Formular veröffentlichen oder ein Bild austauschen oder was auch immer. In diesem Fall machen Sie einfach die Funktion, die als return bezeichnet wird false.

Um Ihre Website jedoch vollständig zu optimieren, fügen Sie im Allgemeinen einen Link hinzu, der dieselbe Aktion ausführt, wenn die Person, die sie durchsucht, JavaScript nicht ausführt.

<a href="backup_page_displaying_image.aspx"
   onclick="return coolImageDisplayFunction();">hello</a>

Es gibt einen RIESIGEN Unterschied im Verhalten von "#" gegenüber Javascript: void

"#" führt Sie zum oberen Rand der Seite, während "javascript: void (0);" nicht.

Dies ist sehr wichtig, wenn Sie dynamische Seiten codieren. Der Benutzer möchte nicht nach oben zurückkehren, nur weil er auf einen Link auf der Seite geklickt hat.

Es ist eine sehr beliebte Methode zum Hinzufügen von JavaScript-Funktionen zu HTML-Links.
Beispiel: Die [Print]Links, die Sie auf vielen Webseiten sehen, sind wie folgt geschrieben:

<a href="javascript:void(0)" onclick="callPrintFunction()">Print</a>

Warum brauchen wir hrefVerweilen onclickallein kann den Job zu erledigen? Denn wenn Benutzer mit der Maus über den Text 'Drucken' fahren, wenn keine vorhanden ist href, ändert sich der Cursor in ein Caret (ꕯ) anstelle eines Zeigers (👆). Nur wenn Sie hrefein aTag haben, wird es als Hyperlink validiert.

Eine Alternative zu href="javascript:void(0);"ist die Verwendung von href="#". Für diese Alternative muss JavaScript nicht im Browser des Benutzers aktiviert sein, daher ist sie kompatibler.

Sie sollten immer eine href auf Ihren a- Tags haben. Das Aufrufen einer JavaScript-Funktion, die 'undefined' zurückgibt, reicht völlig aus. Dies gilt auch für die Verknüpfung mit '#'.

Bei Anker-Tags in Internet Explorer 6 ohne href wird der a:hoverStil nicht angewendet.

Ja, es ist schrecklich und ein kleines Verbrechen gegen die Menschlichkeit, aber auch Internet Explorer 6 im Allgemeinen.

Ich hoffe das hilft.

Internet Explorer 6 ist tatsächlich ein schweres Verbrechen gegen die Menschlichkeit.

Es ist erwähnenswert, dass manchmal null 0 angezeigt wird, wenn nach undefinierten Zeichen gesucht wird, einfach weil weniger Zeichen erforderlich sind.

Zum Beispiel:

something === undefined

vs.

something === void 0

Einige Minifizierungsmethoden ersetzen aus diesem Grund undefiniert durch void 0.

Verwendung von javascript:void(0)bedeutet, dass der Autor des HTML-Codes das Ankerelement anstelle des Schaltflächenelements missbraucht.

Anker-Tags werden häufig mit dem Ereignis onclick missbraucht, um Pseudo-Schaltflächen zu erstellen, indem href auf "#" oder "javascript: void (0)" gesetzt wird, um zu verhindern, dass die Seite aktualisiert wird. Diese Werte verursachen unerwartetes Verhalten beim Kopieren / Ziehen von Links, Öffnen von Links in neuen Registerkarten / Fenstern, Lesezeichen setzen und wenn JavaScript noch heruntergeladen wird, Fehler auftreten oder deaktiviert werden. Dies vermittelt auch falsche Technologien für unterstützende Technologien (z. B. Screenreader). In diesen Fällen wird empfohlen, <button>stattdessen a zu verwenden. Im Allgemeinen sollten Sie einen Anker nur für die Navigation unter Verwendung einer geeigneten URL verwenden.

Quelle: MDN- <a>Seite .

voidist ein Operator, mit dem ein undefinedWert zurückgegeben wird, sodass der Browser keine neue Seite laden kann.

Webbrowser versuchen, alles, was als URL verwendet wird, zu verwenden und zu laden, es sei denn, es handelt sich um eine JavaScript-Funktion, die null zurückgibt. Wenn wir zum Beispiel auf einen Link wie diesen klicken:

<a href="javascript: alert('Hello World')">Click Me</a>

Dann wird eine Warnmeldung angezeigt, ohne dass eine neue Seite alertgeladen wird. Dies liegt daran, dass eine Funktion einen Nullwert zurückgibt. Dies bedeutet, dass der Browser beim Versuch, eine neue Seite zu laden, null sieht und nichts zu laden hat.

Ein wichtiger Punkt beim Void-Operator ist, dass er einen Wert benötigt und nicht alleine verwendet werden kann. Wir sollten es so verwenden:

<a href="javascript: void(0)">I am a useless link</a>

Um dieses Konzept zu verstehen, sollte man zuerst den void-Operator in JavaScript verstehen.

Die Syntax für den void-Operator lautet: void «expr»ausgewertet expr und gibt undefiniert zurück.

Wenn Sie void als Funktion implementieren, sieht es folgendermaßen aus:

function myVoid(expr) {
    return undefined;
}

Dieser void-Operator hat eine wichtige Verwendung: das Verwerfen des Ergebnisses eines Ausdrucks.

In einigen Situationen ist es wichtig, undefiniert im Gegensatz zum Ergebnis eines Ausdrucks zurückzugeben. Dann kann void verwendet werden, um dieses Ergebnis zu verwerfen. Eine solche Situation betrifft Javascript: URLs, die für Links vermieden werden sollten, aber für Lesezeichen nützlich sind. Wenn Sie eine dieser URLs besuchen, ersetzen viele Browser das aktuelle Dokument durch das Ergebnis der Auswertung des URL-Inhalts, jedoch nur, wenn das Ergebnis nicht undefiniert ist. Wenn Sie also ein neues Fenster öffnen möchten, ohne den aktuell angezeigten Inhalt zu ändern, können Sie Folgendes tun:

javascript:void window.open("http://example.com/")

Der voidOperator wertet den angegebenen Ausdruck aus und gibt dann undefiniert zurück. Es wird vermieden, die Seite zu aktualisieren.

Webentwickler verwenden, javascript:void(0)weil dies der einfachste Weg ist, das Standardverhalten von aTags zu verhindern . void(*anything*)kehrt zurück undefinedund es ist ein falscher Wert. und einen falsy Wertes Rückkehr ist wie return falsein onclickFall - aTag , das sein Standardverhalten zu verhindern.

Daher denke ich, dass dies javascript:void(0)der einfachste Weg ist, um das Standardverhalten von aTags zu verhindern .

Für einen Link muss ein HREF-Ziel angegeben werden, damit er als verwendbares Anzeigeobjekt verwendet werden kann.

Die meisten Browser analysieren kein erweitertes JavaScript in einem

<A HREF="" 

Tag wie:

<A href="JavaScript:var elem = document.getElementById('foo');" 

Da das HREF-Tag in den meisten Browsern keine Leerzeichen zulässt oder Leerzeichen in% 20 konvertiert, entspricht das HEX einem Leerzeichen, wodurch Ihr JavaScript für den Interpreter absolut unbrauchbar wird.

Wenn Sie also ein A HREF-Tag zum Ausführen von Inline-JavaScript verwenden möchten, müssen Sie einen gültigen Wert für HREF FIRST angeben, der nicht zu komplex ist (kein Leerzeichen enthält), und dann das JavaScript in einem Ereignisattribut-Tag wie OnClick bereitstellen , OnMouseOver, OnMouseOut usw.

Die typische Antwort lautet:

<A HREF="#" onclick="var elem = document.getElementById('foo');">Get the object</a>

Dies funktioniert einwandfrei, aber die Seite springt nach oben, da das Nummernzeichen / Hash-Tag sie dazu auffordert.

Wenn Sie lediglich ein Nummernzeichen / Hash-Tag in einem A HREF-Tag angeben, wird der Stammanker angegeben. Dies ist immer standardmäßig der obere Rand der Seite. Sie können einen anderen Speicherort angeben, indem Sie das NAME-Attribut in einem A HREF-Tag angeben.

<A NAME='middleofpage'></A>

Sie können dann Ihr A HREF-Tag ändern, um zu 'middleofpage' zu springen und das JavaScript im OnClick-Ereignis auszuführen, sobald dies wie folgt geschieht:

<A HREF="#middleofpage" onclick="var elem = document.getElementById('foo');">Get the object</a>

Es wird VIELE Male geben, in denen Sie nicht möchten, dass dieser Link herumspringt, also können Sie zwei Dinge tun:

<A HREF="#thislinkname" name='thislinkname' onclick="var elem = document.getElementById('foo');">Get the object</a>

Jetzt wird es beim Klicken nirgendwo hingehen, aber es könnte dazu führen, dass sich die Seite aus dem aktuellen Ansichtsfenster neu zentriert. Das ist nicht schön. Was ist der beste Weg, um Inline-Javascript mit einem A HREF bereitzustellen, ohne jedoch die oben genannten Schritte ausführen zu müssen? JavaScript: void (0);

<A HREF="JavaScript:void(0);" onclick="var elem = document.getElementById('foo');">Get the object</a>

Dies weist den Browser an, NIRGENDWO zu gehen, aber stattdessen das gültige JavaScript auszuführen: void (0); Funktionieren Sie zuerst im HREF-Tag, da es kein Leerzeichen enthält und nicht als URL analysiert wird. Es wird stattdessen vom Compiler ausgeführt. VOID ist ein Schlüsselwort, das, wenn es mit einem Parameter von 0 angegeben wird, UNDEFINED zurückgibt und keine weiteren Ressourcen verwendet, um einen Rückgabewert zu verarbeiten, der ohne Angabe der 0 auftreten würde (es ist speicherverwaltungs- / leistungsfreundlicher).

Als nächstes wird der OnClick ausgeführt. Die Seite bewegt sich nicht, es passiert nichts in Bezug auf die Anzeige.

JavaScript: URLs beiseite; Hier kann void nützlich sein, um kürzeren Code zu schreiben.

var error1 = false,
    error2 = false,
    error3 = false;

function error1() {

  error1 = true;
}

function myFunction() {

  // You can easily return and call a function at once, if you don't care about myFunction's return value
  if (!someCondition1)
    return error1();

  // What if you want to set a value first?
  if (!someCondition2) {
    error2 = true;
    return
  }

  // Shortest way to return and set a value at once
  if (!someCondition3)
    return void(error3 = true);

  // More code goes here
}