¿Qué significa javascript:void(0)?
Es posible que ocasionalmente haya encontrado "javascript:void(0)" en un documento HTML. Como parte de nuestro curso de JavaScript te explicamos que es.
A menudo se usa cuando, si al insertar una expresión en una página web esta puede producir algún efecto no deseado. Para eliminar este efecto, se usa "javascript:void(0)". Esta expresión devuelve un valor primitivo indefinido.
javascript:void(0) con hipervínculos.
A veces, decidirás llamar a JavaScript desde un enlace. Normalmente, cuando haces clic en un link, el navegador carga una página nueva o actualiza la misma página (dependiendo de la URL especificada).
Pero lo más probable es que no desees que esto suceda si has conectado un enlace de JavaScript. Entonces, para evitar que la página se actualice, puedes usar void(0).
Uso de "#" en la etiqueta de anclaje: al escribir el siguiente código en el editor, la página web se actualiza después de que se muestra el mensaje de alerta.
Este es un ejemplo de código sin javascript:void(0).
<!DOCTYPE html>
<html>
<head>
<title>Sin JavaScript:void(0)</title>
</head>
<body>
<center>
<h1 style="color:green">Sin Void</h1>
<h3>Sin JavaScript:void(0)</h3>
<a href="#"
ondblclick="alert('Bienvenido a mi sitio')">
Double click on me </a>
</center>
</body>
</html>
Usando "javascript:void(0);" en la etiqueta de anclaje: Escribiendo "javascript:void(0);" en la etiqueta de anclaje puedes evitar que la página se vuelva a cargar y las funciones de JavaScript se pueden llamar con un solo clic o doble clic fácilmente. Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>Con JavaScript:void(0)</title>
</head>
<body>
<center>
<h1 style="color:green">Con javascript:void(0) </h1>
<h3>JavaScript:void(0)</h3>
<a href="javascript:void(0);"
ondblclick="alert('Bienvenido a mi sitio')">
Double click on me </a>
</center>
</body>
</html>
Puedes poner en práctica lo aprendido para que veas como funciona el código completo. Y podrás hacerle las añadiduras que consideras necesarias.
En las próximas notas ampliaremos mas este tema y otros más. Por el momento te recordamos que visites nuestros cursos encaminados a la programación, como el curso de Kotlin y el curso de C#. Ambos lenguajes te permitirán desarrollar aplicaciones de todo tipo