HTML Link che esegue JavaScript


Esempio

Basta usare il javascript: protocollo per eseguire il testo come JavaScript invece di aprirlo come un normale link:

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

Puoi anche ottenere la stessa cosa usando l'attributo onclick :

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

Il return false; è necessario per impedire alla pagina di scorrere verso l'alto quando si fa clic sul collegamento a # . Assicurati di includere tutto il codice che desideri eseguire prima di esso, poiché il ritorno interromperà l'esecuzione di ulteriori codici.

Inoltre, è possibile includere un punto esclamativo ! dopo l'hashtag per impedire alla pagina di scorrere verso l'alto. Funziona perché qualsiasi slug non valido farà sì che il link non scorra in alcun punto della pagina, perché non è in grado di individuare l'elemento a cui fa riferimento (un elemento con id="!" ). Puoi anche utilizzare qualsiasi slug non valido (come #scrollsNowhere ) per ottenere lo stesso effetto. In questo caso, return false; non è richiesto:

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

Dovresti usare qualcosa di questo?

La risposta è quasi certamente no . L'esecuzione di JavaScript in linea con l'elemento come questo è una pratica abbastanza negativa. Prendi in considerazione l'utilizzo di soluzioni JavaScript pure che cercano l'elemento nella pagina e associano invece una funzione ad esso. Ascoltando un evento

Considera anche se questo elemento è in realtà un pulsante anziché un link . Se è così, dovresti usare <button> .