Link che avviano un'azione JavaScript
Link con javascript inserito nell'attributo href
<a href="javascript: alert(testo);">Link Esempio 1</a>
Link Esempio 1
Link con segnaposto (#) nell'attributo href e attributo onclick
<a href="#" onclick="alert(testo);">Link Esempio 2</a>
Link Esempio 2
Link con pagina alternativa nell'attributo href e attributo onclick
<a href="senzaJS.html" onclick="alert(testo);">Link Esempio 3</a>
Link Esempio 3
Link con pagina alternativa nell'attributo href e attributo onclick + return false
<a href="senzaJS.html" onclick="alert(testo); return false;">Link Esempio 4</a>
Link Esempio 4
Link con pagina alternativa nell'attributo href e attributo onclick + return false + blur
<a href="senzaJS.html" onclick="alert(testo); this.blur(); return false;">Link Esempio 5</a>
Link Esempio 5
Link senza attributi javascript: tutto è gestito da un file esterno, utilizzando l'ID come aggancio
<a href="senzaJS.html" id="linkAccessibile">Link Esempio 6</a>
//Codice in file esterno
function miglioraLink(){
//recuperiamo il link tramite ID
var link = document.getElementById("linkAccessibile");
//associamo il codice all'evento click
link.onclick = function() {
//codice da eseguire
alert("Sono stato attivato da un file JavaScript esterno!!!");
this.blur();
return false;
}
}
//fai partire la funzione!!
window.onload = miglioraLink;
Link Esempio 6
Link senza attributi javascript: tutto è gestito da un file esterno, utilizzando l'ID come aggancio, tramite jQuery
<a href="senzaJS.html" id="linkAccessibileJquery">Link Esempio 7</a>
//Codice in file esterno
$(document).ready(function(){
$('#linkAccessibileJquery')
.click(function(){
var testo = "Sono stato attivato da un file
JavaScript esterno, tramite Jquery";
alert(testo);
this.blur();
return false;
});
});
Link Esempio 7