Es posible que ocasionalmente te hayas encontrado con «javascript:void(0)» en un documento HTML. Suele utilizarse cuando la inserción de una expresión en una página web puede producir algún efecto no deseado. Para eliminar este efecto, se utiliza «javascript:void(0)» . Esta expresión devuelve un valor primitivo indefinido.
Esto se usa a menudo con hipervínculos.
A veces, decidirá llamar a algún JavaScript desde dentro de un enlace. Normalmente, cuando hace clic en un enlace, el navegador carga una página nueva o actualiza la misma página (según la URL especificada).
Pero lo más probable es que no desee que esto suceda si ha conectado algún JavaScript al enlace.
Para evitar que la página se actualice, puede usar void(0).
Usando «#» 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.
Ejemplo:
<!DOCTYPE html> <html> <head> <title>without JavaScript:void(0)</title> </head> <body> <center> <h1 style="color:green">GeksforGeeks</h1> <h3>without JavaScript:void(0)</h3> <a href="#" ondblclick="alert('Welcome to Geeks for Geeks')"> Double click on me </a> </center> </body> </html>
Producción:
Usando «javascript: vacío (0);» en etiqueta ancla: Escribiendo “javascript:void(0);” en la etiqueta de anclaje puede evitar que la página se vuelva a cargar y las funciones de JavaScript se pueden invocar fácilmente con un solo clic o con dos clics.
Ejemplo:
<!DOCTYPE html> <html> <head> <title>JavaScript:void(0)</title> </head> <body> <center> <h1 style="color:green">GeksforGeeks</h1> <h3>JavaScript:void(0)</h3> <a href="javascript:void(0);" ondblclick="alert('Welcome to Geeks for Geeks')"> Double click on me </a> </center> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por AnasShamoon y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA