Javascript location hash

La proprietà hash dell’oggetto a sua volta appartiene all’oggetto window permette di leggere o aggiornare il valore dell’ancora corrente. L’ancora in una pagina html non è altro che “una precisa zona della stessa pagina”.

In genere le ancore (oppure link interni) vengono create con un link avente l’attributo name valorizzato con una stringa di caratteri.

1 <a href="www.google.it" >Questo è un link</a>
2 <a name="articolo1" >Questo è un link interno</a>

L’utilizzo classico delle ancore è per creare degli indici di pagina. Possiamo far muovere facilmente l’utente nella nostra pagina semplicemente fornendo un link che punta ad un ancora, in questo modo:

1 <a href="#articolo1">Vai all'

Notate il cancelletto prima del nome dell’ancora, è necessario! Al click, il link porterà l’utente alla zona della pagina in cui si trova l’ancora, quindi nel nostro caso dove si trova l’articolo 1.

Javascript ci dà la possibilità di rendere dinamico il meccanismo delle ancore. Aggiornando il valore della proprietà window.location.hash possiamo far muovere l’utente in pagina come meglio ci pare.

Potremmo far muovere l’utente verso la nostra ancora in occasione del rilascio del tasto ‘Alt’:

1 document.onkeyup = function {
2 
3    var KeyID = event.keyCode;
4 
5    if(KeyID == 18) {
6       window.location.hash = "articolo1" 
7    }
8 }