Attraverso l’oggetto location è possibile accedere ad informazioni relativamente alla URL corrente, cioè la URL attualmente caricata nella finestra del browser.
L’oggetto location, come history, è figlio dell’oggetto window da cui discende direttamente.
Proprietà dell’oggetto location
Di seguito un elenco delle principali proprietà supportate dall’oggetto location:
- hash – (GET/SET) restituisce o setta eventuale ancora (#) presente nella URL;
- hostname – (GET/SET) restituisce o setta l’hostname della URL;
- href – (GET/SET) restituisce o setta l’intera URL;
- pathname – (GET/SET) restituisce o setta il path (cartella / file) della URL;
- protocol – (GET/SET) restituisce o setta il protocollo della URL;
Qualche esempio:
// estraggo l'ancora di una url come questa:
// /pagina.html#javascript
document.write(location.hash);
// estraggo l'hostname dalla URL corrente
document.write(location.hostname);
// estraggo l'intera URL
document.write(location.href);
// faccio un redirect utilizzando location.href
function vai() {
location.href = '/';
}
Metodi dell’oggetto location
- assign() – carica una nuova URL all’interno della finestra
- reload() – ricarica la pagina corrente;
- replace() – sostituisce la URL corrente con una nuova;
Qualche esempio:
// carico una nuova URL
location.assign('/');
// ricarico la pagina corrente
location.reload();
// sostituisco la URL corrente con una nuova URL
location.replace('/');
A prima vista i metodi asign() e replace() potrebbero apparire identici in realtà vi è una differenza rilevante: con il primo viene caricata una nuova URL (e quella precedente resta nella cronologia) mentre col secondo la URL corrente viene sostituita (e pertanto non è più raggiungibile attraverso il tasto "back").
Pubblicitร