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