La window.location oggetto può essere utilizzato per ottenere la corrente pagina di indirizzo (URL) e per reindirizzare il browser a una nuova pagina.
Window Location
La window.location oggetto può essere scritto senza il prefisso finestra.
Qualche esempio:
- window.location.href restituisce il href (URL) della pagina corrente
- window.location.hostname restituisce il nome di dominio del web host
- window.location.pathname restituisce il percorso e il nome della pagina corrente
- window.location.protocol restituisce il protocollo utilizzato web ( http:// o https:// )
- window.location.assign carica un nuovo documento
Window Location Href
La window.location.href proprietà restituisce l'URL della pagina corrente.
Esempio
Visualizzare il href (URL) della pagina corrente:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
Il risultato è:
Page location is http://admin.w3ii2.com/index.php?r=site%2Farticle%2Fupdate&clasId=6&path=js_window_location
Prova tu stesso " Window Location Hostname
La window.location.hostname proprietà restituisce il nome dell'host internet (della pagina corrente).
Esempio
Visualizzare il nome dell'host:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;Il risultato è:
Page hostname is admin.w3ii2.com
Prova tu stesso " Window Location Pathname
La window.location.pathname proprietà restituisce il percorso della pagina corrente.
Esempio
Visualizzare il nome del percorso della URL corrente:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
Il risultato è:
/index.php Prova tu stesso " Window Location Protocol
La window.location.protocol proprietà restituisce il protocollo web della pagina.
Esempio
Visualizzare il protocollo web:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
Il risultato è:
Page protocol is http: Prova tu stesso " Window Location Assign
Il window.location.assign() metodo carica un nuovo documento.
Esempio
Caricare un nuovo documento:
<html>
<head>
<script>
function newDoc() {
window.location.assign("http://www.w3ii.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>
Prova tu stesso "