Location Window JavaScript

L'oggetto window.location può essere utilizzato per ottenere l'indirizzo (URL) della pagina corrente e per reindirizzare il browser a una nuova pagina.

Window Location

window.location L'oggetto può essere scritto senza prefisso window.

Alcuni esempi:

  • window.location.href restituisce l'href (URL) della pagina corrente
  • window.location.hostname restituisce il dominio dell'host web
  • window.location.pathname restituisce il percorso o il nome del file della pagina corrente
  • window.location.protocol restituisce l'accordo web utilizzato (http: o https:)
  • window.location.assign carica un nuovo documento

Href di Window Location

window.location.href L'attributo restituisce l'URL della pagina corrente.

Esempio

Visualizza l'href (URL) della pagina corrente:

document.getElementById("demo").innerHTML = "La posizione della pagina è " + window.location.href;

Il risultato è:

La posizione della pagina è http://www.codew3c.com/js/js_window_location.asp

Prova tu stesso

Nome dell'host di Window Location

window.location.hostname L'attributo restituisce il nome dell'host dell'internet (del pagina corrente).

Esempio

Visualizza il nome dell'host:

document.getElementById("demo").innerHTML = "Il nome dell'host della pagina è " + window.location.hostname;

Il risultato è:

Il nome dell'host della pagina è www.codew3c.com

Prova tu stesso

Nome del percorso di Window Location

window.location.pathname L'attributo restituisce il nome del percorso della pagina corrente.

Esempio

Visualizza il nome del percorso dell'URL corrente:

document.getElementById("demo").innerHTML = "Il percorso della pagina è " + window.location.pathname;

Il risultato è:

Il percorso della pagina è /js/js_window_location.asp

Prova tu stesso

Accordo di Window Location

window.location.protocol L'attributo restituisce l'accordo web della pagina.

Esempio

Visualizza l'accordo web:

document.getElementById("demo").innerHTML = "L'accordo di pagina è " + window.location.protocol;

Il risultato è:

L'accordo di pagina è http:

Prova tu stesso

Porta Window Location

window.location.port Proprietà che restituisce il numero di porta dell'host internet (pagina corrente).

Esempio

Mostra il numero di porta dell'host principale:

document.getElementById("demo").innerHTML = "Il numero di porta è: " + window.location.port;

Prova tu stesso

La maggior parte dei browser non visualizza il numero di porta predefinito (http è 80, https è 443).

Window Location Assign

window.location.assign() Metodo per caricare un nuovo documento.

Esempio

Carica nuovo documento:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="Carica nuovo documento" onclick="newDoc()">
</body>
</html>

Prova tu stesso