HTML Enlace que ejecuta JavaScript


Ejemplo

Simplemente use el protocolo javascript: para ejecutar el texto como JavaScript en lugar de abrirlo como un enlace normal:

<a href="javascript:myFunction();">Run Code</a>

También puedes lograr lo mismo usando el atributo onclick :

<a href="#" onclick="myFunction(); return false;">Run Code</a>

El return false; es necesario para evitar que su página se desplace hacia la parte superior cuando se hace clic en el enlace a # . Asegúrese de incluir todo el código que le gustaría ejecutar antes, ya que la devolución detendrá la ejecución de otro código.

También cabe destacar, puede incluir un signo de exclamación ! después del hashtag para evitar que la página se desplace hacia arriba. Esto funciona porque cualquier barra no válida hará que el enlace no se desplace a ninguna parte de la página, porque no pudo ubicar el elemento al que hace referencia (un elemento con id="!" ). También puedes usar cualquier slug no válido (como #scrollsNowhere ) para lograr el mismo efecto. En este caso, return false; no es requerido:

<a href="#!" onclick="myFunction();">Run Code</a>

¿Deberías estar usando algo de esto?

La respuesta es casi seguro que no . Ejecutar JavaScript en línea con el elemento como este es una práctica bastante mala. Considere utilizar soluciones de JavaScript puras que busquen el elemento en la página y vincule una función a él en su lugar. Escuchando un evento

También considere si este elemento es realmente un botón en lugar de un enlace . Si es así, debes usar <button> .