Este artículo presenta principalmente en detalle la diferencia entre el enlace vacío href =# y href = javascript: void (0) en html [transferencia], que tiene cierto valor de referencia. Los amigos interesados pueden referirse a él. Los amigos necesitados pueden recolectarlo para una fácil referencia en el futuro.
En el lenguaje web, el método de escritura de enlace A está vacío generalmente se escribe como href =# o href = javaScript: void (0). ¿Cuál es la diferencia entre estos dos métodos de escritura? Creo que muchas personas no entrarán en eso, pero los efectos de estos dos métodos de escritura a veces son diferentes. En resumen, hay varias diferencias entre estos dos métodos de escritura:
El siguiente código de ejemplo demuestra las diferencias entre 1 y 2 puntos anteriores:
<! Doctypehtml> <html> <fead> <metacharset = utf-8> <title> atag vacío enlace href =# y href = javascript: void (0) </title> </head> <body> <pstyle = height: 1300px; width: 100%; fondo: #ccccccc> </p> <pstyle = width: 100%; Agregar: 10px; fondo:#9999999> <ahref =#> enlace vacío: href =#</a> <br> <ahref = javascript: void (0)> vacío Enlace: href = javascript: void (0) </a> </p> <pstyle = altura: 100px; ancho: 100%; fondo: #ccccccc> </p> </body> </html>
Use # para localizar la ubicación específica de la página:
<! DOCTYPEHTML> <html> <HEAD> <metacharset = utf-8> <title> una etiqueta de enlace vacío href =# y href = javaScript: void (0) </title> </head> <body> <pstyle = width: 100%; padding: 10px; fondo:#9999999> <href =#p1> salto </title> </head> <body> <pstyle = width: 100%; padding: 10px; fondo:#999999> <href#p1> href =#p1 </a> </p> <pstyle = altura: 100px; ancho: 100%; fondo: #ccccccc> </p> <p1style = altura: 1000px; ancho: 100%; relleno: 10px; fondo:#999999> posición objetivo: id = p1 </p> </body> </html>
¿Por qué usar href = "javascript: void (0);", cuándo es javascript: void (0) usado?
El significado de href = "javascript: void (0);" es dejar que el hipervínculo ejecute una función js en lugar de saltar a una dirección, y nulo (0) representa un método vacío, es decir, no ejecute la función js.
JavaScript: es un pseudoprotocol, que indica que el contenido de la URL se ejecuta a través de JavaScript. Void (0) significa que no se hace nada, lo que evitará que el enlace salte a otras páginas. Esto a menudo se hace para preservar el estilo del enlace, pero no permitir que el enlace realice operaciones reales. La siguiente declaración:
<ahref = javaScript: void (0) onClick = window.open ()>
Después de hacer clic en el enlace, la página no se mueve y solo se abre el enlace. Y la siguiente declaración:
<ahref =#onClick = javaScript: returnfalse;>
Las funciones son las mismas, pero diferentes navegadores variarán.
En la mayoría de los casos, cuando un enlace quiere ejecutar un programa JavaScript, podemos usar href = javaScript: void (0) y agregar el evento OnClick para implementarlo, como se muestra en el siguiente código de ejemplo:
<! DOCTYPEHTML> <html> <HEAD> <metacharset = utf-8> <title> ATAG ENLACE vacío href =# y href = javaScript: void (0) </title> </head> <body> <pstyle = width: 100%; padding: 10px; fondo:#9999999> <href = javascript: void (0) onClick = func ()> Haga clic para ejecutar función Func () </a> </p> <script> FuncionFunc () {alert (ok);} </script> </body> </html>Introducción: Void es el operador de JavaScript, lo que significa: solo se ejecutan expresiones, pero no hay valor de retorno. La expresión se calculará pero no cargará nada en el documento actual. Por ejemplo, el vacío (0) se calcula como 0, pero no tiene ningún efecto sobre JavaScript, lo que significa que el efecto de <a href = javaScript: void (0)> es el mismo que <a href = javaScript: void (1)>.
El formato de uso del operador vacío es el siguiente:
JavaScript: Void (Expression) // Método de escritura recomendado JavaScript: Void Expression
Al hacer una página, si no desea hacer nada después de hacer clic en un enlace, o hacer otras cosas en respuesta a hacer clic, como no hacer nada después de hacer clic en un enlace, el código es el siguiente:
<href =#> test </a> // Haga clic en el enlace, y la página se desplaza a la parte superior de la página de forma predeterminada, pero puede agregar onClick = returnfalse para evitar desplazarse a la parte superior de la página <href = ###> test </a> // use 2 a 4#, la mayoría de los que ves son #### y algunos otros usos #All. Por defecto, no se desplaza a la parte superior de la página <ahref = javascript: void (0);> test </a> // método de escritura de sina weibo, javascript: void (0) solo representa un enlace muerto y ejecuta un evento vacío <ahref = javascript :;> test </aa> // QQ space Method Method
Después de hacer clic en el enlace, responda a eventos de clic definidos por el usuario
<ahref = javaScript: void (0) onClick = func ()> test </a> // donde func () es un método de JavaScript, es decir, la función <ahref =#onclick = func (); returnfalse;> // Todos los problemas se han resuelto, incluidos los problemas de incompatibilidad de navegador </a> o usan directamente directamente href = <ahref =#onClick = alert (); event.returnValue = false;> test </a>
En AJAX, el siguiente código es común:
<ahref = javaScript: dotest2 (); void (0);> aquí </a>Pero, ¿qué significa Void (0) aquí?
En JavaScript, Void es un operador que especifica que se debe calcular una expresión pero no devuelve un valor. En la página de AJAX, se implementa la operación sin actualización, y Void (0) también se usa con más frecuencia. Si observa la página web de Ajax, generalmente verá mucho vacío (0), por lo que antes de usar Void (0), primero debe pensar si esta página debe actualizarse como un todo.
Al hacer una página, si es un #, saltará a la cima. Hay varias soluciones para las colecciones personales. Entre ellos, # contiene una información de ubicación, y el punto de anclaje predeterminado es #top, que es el extremo superior de la página web.
<ahref = ###> </a> <ahref = javascript: void (0)> </a> <ahref = javascript: void (null)> </a> <ahref =#onclick = returnfalse> </a> <spanstyle = cursor: hand> </span> (parece que no se puede mostrar en ff)
El paquete de código anterior descarga: https://pan.baidu.com/s/1hsjybrjyvmxsvhsbc7aikg
Lo anterior es todo el contenido de la diferencia entre el enlace vacío de la etiqueta href =# y href = javascript: void (0) en html. Espero que sea útil para los problemas de aprendizaje y resolución de todos, y espero que todos apoyen más a Wulin.com.