L'oggetto Location in Javascript

L'oggetto Location in Javascript è un oggetto del linguaggio che fornisce diverse informazioni sulla posizione corrente del documento.

location()

E' un oggetto che fa parte dell'oggetto globale window.

Quindi, posso accedere a location() anche digitando window.location().

window.location()

A cosa serve?

L'oggetto location() mi permette di accedere all'URL (Uniform Resource Locator) della pagina corrente, rilevare il server che ospita la pagina, il numero di porta della connessione al server e il protocollo utilizzato.

Tutte queste informazioni sono rese disponibili attraverso le proprietà href, hostname, port e protocol dell'oggetto Location.

Un esempio pratico

Ad esempio, per caricare una pagina e aggiungerla alla cronologia delle pagine navigate del browser, posso usare la proprietà href del metodo location:

location.href = "myPage.htm";

Se invece voglio sostituire la pagina corrente con una nuova pagina, posso usare il metodo replace()

location.replace = "myPage.htm";

In questo modo Javascript carica la pagina myPage.htm e sostituisce qualsiasi occorrenza della pagina corrente nello stack della cronologia con myPage.htm.

Qual è la differenza tra href e replace? Il metodo replace() rimuove la pagina corrente dallo stack della cronologia e la sostituisce con la nuova pagina web, mentre la proprietà href aggiunge semplicemente la nuova pagina in cima allo stack della cronologia. In pratica, entrambi caricano la nuova pagina web. Tuttavia, con il metodo replace() quando l'utente clicca sul pulsante Indietro del browser, l'utente non riesce più a tornare alla pagina wen precedente originale.

Le proprietà e i metodi

Ecco alcune delle proprietà e dei metodi più comuni dell'oggetto Location:

• location.href
  Questa proprietà restituisce l'URL completo del documento corrente. Può anche essere utilizzata per reindirizzare l'utente a un nuovo URL.
• location.hostname
  Restituisce solo l'hostname del server web
• location.port
  Restituisce la porta del server web.
• location.protocol
  Restituisce il protocollo web del documento corrente, ad esempio "http:" o "https:"
• location.host
  Restituisce l'hostname e la porta del server web del documento corrente.
• location.pathname
  Restituisce una parte del percorso dell'URL.
• location.search
  Restituisce la stringa di query dell'URL, inclusa la "?" iniziale.
• location.hash
  Restituisce l'ancora dell'URL, inclusa la "#" iniziale.

L'oggetto Location ha alcuni metodi che possono essere utilizzati per manipolare la posizione corrente del documento:

• location.reload()
  Ricarica il documento corrente.
• location.replace(URL)
  Sostituisce il documento corrente con un nuovo documento specificato dall'URL. A differenza di un semplice reindirizzamento, questo metodo non lascia alcuna traccia del documento originale nella cronologia del browser, quindi l'utente non può utilizzare il pulsante "Indietro" per tornare al documento originale.
• location.assign(URL)
  Carica un nuovo documento specificato dall'URL. A differenza del metodo replace(), assign() lascia una traccia del documento originale nella cronologia del browser, quindi l'utente può utilizzare il pulsante "Indietro" per tornare al documento originale.

Nota. Modificare alcune delle proprietà dell'oggetto Location, come href o pathname, può causare il caricamento di una nuova pagina web.

E così via.