javascript:void(0) Bedeutung und Anwendungsbeispiele

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

Artikel empfehlen

Analyse der Methode zum Einrichten geplanter Aufgaben in MySQL

Dieser Artikel beschreibt anhand eines Beispiels,...

Detaillierte Erklärung des MySQL-Prepare-Prinzips

Vorteile von Prepare Der Grund, warum Prepare SQL...

Beispiele für Clearfix und Clear

In diesem Artikel wird hauptsächlich die Verwendun...

JavaScript-Puzzlespiel

In diesem Artikelbeispiel wird der spezifische Ja...

JavaScript zum Erzielen eines einfachen Drag-Effekts

In diesem Artikel wird der spezifische JavaScript...

So verwenden Sie wangEditor in Vue und erhalten durch Echo von Daten den Fokus

Bei der Hintergrundverwaltung von Projekten werde...

Grundlegendes Lernen und Erfahrungsaustausch zu MySQL-Transaktionen

Eine Transaktion ist eine logische Gruppe von Ope...

So installieren Sie Nginx und konfigurieren mehrere Domänennamen

Nginx-Installation CentOS 6.x yum verfügt standar...

So zeigen Sie die MySQL-Zeitzone an und legen sie fest

1. Überprüfen Sie die Zeitzone der Datenbank Vari...

Detaillierte Schritte zur Remotebereitstellung einer MySQL-Datenbank unter Linux

Remotebereitstellung der MySQL-Datenbank unter Li...

Was ist ein MIME-TYP? MIME-Typen-Typensammlung

Was ist ein MIME-TYP? 1. Zunächst müssen wir verst...