Breaking

Post Top Ad

Your Ad Spot

sábado, 28 de diciembre de 2019

Enlaces utilizados para activar funciones de JavaScript

Cuando crea una aplicación utilizando JavaScript simple, a veces tendrá la necesidad de activar una función cuando el usuario haga clic en un enlace.
Comúnmente puede hacer esto de 2 maneras.
Supongamos que la función que desea ejecutar se llama handleClick():
function handleClick() {
  alert('clicked')
}
La primera forma es usar un enlace como este:
<a href="#" onclick="handleClick()">Click here</a>
La segunda forma es usar
<a href="javascript:void(0)" onclick="handleClick()">Click here</a>
Ambas son sintaxis muy similares, la única diferencia es el hrefvalor del atributo.
El primero es href="#", el segundo es href="javascript:void(0)"También puede ver esta sintaxis href="javascript:;", que es equivalente a la segunda.
Ahora, ¿cuál es la diferencia en el comportamiento de esos 2 métodos?
Cuando el usuario hace clic en el href="#"enlace, debe asegurarse de regresar falsedel controlador de eventos; de lo contrario, el navegador volverá a la parte superior de la página:
function handleClick() {
  alert('clicked')
  return false
}
Además, incluso si agrega esto pero JavaScript está deshabilitado o no se ejecuta por alguna razón, el navegador se desplaza hacia la parte superior de la página. Esto es casi siempre algo que se debe evitar, por lo que personalmente usaría la segunda forma href="javascript:void(0)",.
En ambos sentidos, la handleClick()función no se llamaría si JavaScript está deshabilitado, o si hay un error en JavaScript y, por lo tanto, la ejecución de JavaScript se detiene.
Para evitar esto, puede usar una URL real hrefcomo alternativa, por lo que los navegadores moverán al usuario a una página específica, utilizando el método GET HTTP, aunque esto no siempre es posible o conveniente.
Pero es una buena práctica y las mejores prácticas no siempre son convenientes, pero debe tenerlas en cuenta durante la fase de diseño de su aplicación, porque no puede simplemente construir para el caso de uso ideal e ignorar todas las posibles cosas que podrían salir mal .
Si algo sale mal, el usuario te culpará a ti y a tus enlaces rotos 🙂

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas