javascript:void(0) Bedeutung und Anwendungsbeispiele

Einführung in das Schlüsselwort void

Zunächst einmal ist das Schlüsselwort void ein sehr wichtiges Schlüsselwort in JavaScript. Dieser Operator gibt an, dass ein Ausdruck berechnet oder ausgeführt werden soll, aber kein Wert zurückgegeben wird.

Syntaxformat:

void-Funktion ()
void(funktion())

Beispiel 1

Beim Klicken auf den Hyperlink passiert nichts

<!-- 1. Wenn der Benutzer einen Link setzt, wird void(0) als 0 berechnet und der Klick des Benutzers hat keine Auswirkung-->
    <a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" >Klicken Sie hier und nichts passiert</a><br>

Beispiel 2

Führen Sie den Code im Void-Operator aus

<!-- 2. Führen Sie den Code im void()-Operator aus -->
    <a href="javascript:void(alert('Du bist wirklich gehorsam!!! Hahaha!!!'))" rel="external nofollow" >Klicken Sie hier, um ein Warnfeld anzuzeigen!!!</a><br>
    <a href="javascript:void(console.log('Du bist wirklich gehorsam!!! Hahaha!!!'))" rel="external nofollow" >Klicken Sie hier, um die Ausgabe auf der Konsole anzuzeigen!!!</a><br>

Beispiel 3

Rechenoperationen mit Void-Operatoren

html:

<button type="button">Klick mich</button>

javascript - Argumente:

<Skripttyp="text/javascript">
        document.querySelector('Schaltfläche').addEventListener('Klick', Funktion () {
            Variable a, b, c, d;
            a = leer(b = 2, c = 3);
            konsole.log('a => ' + a);
            console.log('b => ' + b);
            console.log('c => ' + c);
            Konsole.log('d => ' + d);
        });
    </Skript>

Konsolenausgabe:

Offensichtlich ist 2 a zugewiesen, 3 b und a ist genauso definiert wie d und daher undefiniert.

# Unterschied zu javascript:void(0):

#Sie können mit der eingestellten ID zum Ziel springen

javascript:void(0) bleibt, wo es ist, bewegungslos, wir nennen es einen „toten Link“

Wie im folgenden Beispiel:

<a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" >Du kannst klicken, ich bewege mich sowieso nicht, hehehe! ! ! </a><br>
    <a href="#destination" rel="external nofollow" >Klicken Sie hier, um zu springen</a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <h2 id="destination">Ziel</h2>

Wenn ich auf den ersten Link klicke, passiert nichts.
Wenn Sie auf den zweiten Link klicken, werden Sie zum Speicherort der angegebenen ID (unten auf der Seite) weitergeleitet.

Damit schließen wir diesen Artikel über die Bedeutung und Anwendungsbeispiele von javascript:void(0) ab. Ich hoffe, dass es für jedermanns Studium hilfreich sein wird, und ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:

Erklärung der Bedeutung von Javascript void (0) und der Unterschied zu "#"
Detaillierte Erklärung der Verwendung von javascript:void(0) in js
Beispiel für die Funktion javascript:void(0)
Eine kurze Erläuterung des Unterschieds zwischen href=# und href=javascript:void(0)

<<: Dieser Artikel hilft Ihnen, die spezifische Verwendung von cgroup in Docker gründlich zu verstehen

>>: Austausch von Forschungserfahrungen zur Verwendung von Zeichen anstelle von abgerundeten und scharfen Ecken