Dieser Artikel führt hauptsächlich ausführlich den Unterschied zwischen dem leeren Link href =# und href = javaScript: void (0) in HTML [Transfer] ein, das einen bestimmten Referenzwert hat. Interessierte Freunde können sich darauf beziehen. Bedürftige Freunde können es in Zukunft als einfache Referenz sammeln.
In der Websprache ist die Schreibmethode von Link A in der Regel als href =# oder href = javaScript: void (0) geschrieben. Was ist der Unterschied zwischen diesen beiden Schreibmethoden? Ich denke, viele Menschen werden nicht darauf eingehen, aber die Auswirkungen dieser beiden Schreibmethoden sind manchmal unterschiedlich. Zusammenfassend gibt es mehrere Unterschiede zwischen diesen beiden Schreibmethoden:
Der folgende Beispielcode zeigt die Unterschiede zwischen 1 und 2 Punkten oben:
<! docTypEHTML> <html> <Head> <metacharset = utf-8> <title> ag leer link href =# und href = javaScript: void (0) </title> </head> <body> <pstyle = Höhe: 1300px; Hinzufügen: 10px; Hintergrund:#999999> <Ahref =#> leerer Link: href =#</a> <br> <aRef = javaScript: void (0)> leer Link: href = javaScript: void (0) </a> </p> <pstyle = Höhe: 100px; Breite: 100%; Hintergrund: #cccccccc> </p> </body> </html>
Verwenden Sie #, um den spezifischen Ort der Seite zu finden:
<! docTypEHtml> <html> <kopf> <metacharset = utf-8> <title> Ein Tag leerer Link href =# und und href=javascript:void(0)</title></head><body><pstyle=width:100%;padding:10px;background:#999999><ahref=#p1>Jump</title></head><body><pstyle=width:100%;padding:10px;background:#999999><ahref=#p1> Go to the target Position: href =#p1 </a> </p> <pstyle = Höhe: 100px; Breite: 100%; Hintergrund: #ccccc> </p> <pid = p1Style = Höhe: 1000px; Breite: 100%; Padding: 10px; Hintergrund:#999999> Target -Position: id = p1 </p> </p> </p> </p1 </p> </p1 </p> </p1 </p> </body> </body> </body> </body> </body> </body> </body> </body> </body> </body> </brod
Warum verwenden HREF = "JavaScript: void (0);", wann wird JavaScript: void (0) verwendet?
Die Bedeutung von href = "JavaScript: void (0);" ist, den Hyperlink eine JS -Funktion ausführen zu lassen, anstatt zu einer Adresse zu springen, und void (0) stellt eine leere Methode dar, dh die JS -Funktion nicht ausführen.
JavaScript: ist ein Pseudo-Protokoll, das angibt, dass der Inhalt der URL über JavaScript ausgeführt wird. Void (0) bedeutet, dass nichts getan wird, was verhindert, dass der Zusammenhang auf andere Seiten springt. Dies geschieht oft, um den Stil des Links zu bewahren, aber nicht zulassen, dass der Link tatsächliche Operationen ausführt. Die folgende Aussage:
<Ahref = JavaScript: void (0) onclick = window.open ()>
Nach dem Klicken auf den Link bewegt sich die Seite nicht und nur der Link wird geöffnet. Und die folgende Aussage:
<Ahref =#onclick = javaScript: returnFalse;>
Die Funktionen sind gleich, aber verschiedene Browser variieren.
In den meisten Fällen können wir, wenn ein Link ein JavaScript -Programm ausführen möchte, HREF = JavaScript: void (0) verwenden und das Onclick -Ereignis hinzufügen, um es zu implementieren, wie im folgenden Beispielcode gezeigt:
<! docTypEHtml> <html> <Head> <metacharset = utf-8> <title> ATAG leer Link href =# und und href = javaScript: void (0) </title> </head> <body> <pstyle = width: 100%; padding: 10px; Hintergrund:#999999> <Ahref = JavaScript: void (0) onclick = func ()> klicken, um die Funktion zu leisten, um die Funktion zu leisten func () </a> </p> <script> functionFunc () {alert (OK);} </script> </body> </html>EINLEITUNG: VOID ist der Operator von JavaScript, was bedeutet: Es werden nur Ausdrücke ausgeführt, aber kein Rückgabewert. Der Ausdruck wird berechnet, lädt jedoch nichts im aktuellen Dokument. Beispielsweise wird Void (0) als 0 berechnet, hat jedoch keinen Einfluss auf JavaScript, was bedeutet, dass die Wirkung von <a href = javaScript: void (0)> das gleiche ist wie <a href = javaScript: void (1)>.
Das Nutzungsformat des Hohlraumbetreibers lautet wie folgt:
JavaScript: void (Expression) // Empfohlene Schreibmethode JavaScript: void Expression
Wenn Sie eine Seite erstellen, wenn Sie nach dem Klicken auf einen Link nichts tun möchten oder andere Dinge als Antwort auf das Klicken tun, z. B. nach dem Klicken auf einen Link nichts tun, lautet der Code wie folgt:
<Ahref =#> Test </a> // Klicken Sie standardmäßig auf den Link, und die Seite scrollt nach oben auf der Seite. Standardmäßig werden nicht nach oben auf der Seite <aRef = JavaScript: void (0);> Test </a> // Sina Weibo Schreibmethode, JavaScript: void (0) nur einen toten Link aus und führt eine leere Ereignis aus <Ahref = JavaScript:;> Test </a> // QQ Space Writing Methods -Methode -Methode -Methode -Methode -Methode -Methode -Methode -Methode -Methode -Methode -Methode.
Beantworten Sie nach dem Klicken auf den Link auf benutzerdefinierte Klick-Ereignisse
<ahref=javascript: void(0)onclick=func()>test</a>// where func() is a javascript method, that is, the function <ahref=#onclick=func();returnfalse;>//All problems have been solved, including browser incompatibility issues</a> or directly use href = <Ahref =#Onclick = alert (); Event.ReturnValue = false;> test </a>
In Ajax ist der folgende Code häufig:
<Ahref = JavaScript: dotest2 (); void (0);> Hier </a>Aber was bedeutet Leere (0) hier?
In JavaScript ist Void ein Operator, der angibt, dass ein Ausdruck berechnet werden soll, aber keinen Wert zurückgibt. Auf der Ajax-Seite wird der aktualisierte Betriebsvorgang implementiert und ebenfalls häufiger verwendet. Wenn Sie sich die Webseite von AJAX ansehen, sehen Sie normalerweise viel Void (0). Bevor Sie Void (0) verwenden, sollten Sie zunächst darüber nachdenken, ob diese Seite als Ganzes aktualisiert werden muss.
Wenn es sich um eine Seite handelt, wenn es sich um eine # #handelt, springt es nach oben. Es gibt mehrere Lösungen für persönliche Sammlungen. Unter ihnen enthält # eine Standortinformation, und der Standard -Ankerpunkt ist #Top, das obere Ende der Webseite.
<ahref=###></a><ahref=javascript:void(0)></a><ahref=javascript:void(null)></a><ahref=#onclick=returnfalse></a><spanstyle=cursor:hand></span>(It seems that it cannot be displayed in FF)
Das obige Codepaket herunterladen: https://pan.baidu.com/s/1hsjybrjyvmxsvhsbc7aikg
Das obige ist der gesamte Inhalt des Unterschieds zwischen dem A -Tag leerer Link href =# und href = javaScript: void (0) in HTML. Ich hoffe, dass es für Probleme aller hilfreich sein wird, und ich hoffe, dass jeder Wulin.com mehr unterstützen wird.