El window.location objeto puede ser utilizado para obtener la corriente de página de dirección (URL) y para redirigir el navegador a una página nueva.
Window Location
El window.location objeto puede escribirse sin el prefijo ventana.
Algunos ejemplos:
- window.location.href devuelve el href (URL) de la página actual
- window.location.hostname devuelve el nombre de dominio del proveedor de alojamiento web
- window.location.pathname devuelve la ruta y el nombre de la página actual
- window.location.protocol devuelve el protocolo web utilizado ( http:// o https:// )
- window.location.assign carga un nuevo documento
Window Location Href
El window.location.href propiedad devuelve la URL de la página actual.
Ejemplo
Mostrar la href (URL) de la página actual:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
El resultado es:
Page location is http://admin.w3ii2.com/index.php?r=site%2Farticle%2Fupdate&clasId=6&path=js_window_location
Inténtalo tú mismo " Window Location Hostname
El window.location.hostname propiedad devuelve el nombre del host de Internet (de la página actual).
Ejemplo
Mostrar el nombre del host:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
El resultado es:
Page hostname is admin.w3ii2.com
Inténtalo tú mismo " Window Location Pathname
El window.location.pathname propiedad devuelve la ruta de acceso de la página actual.
Ejemplo
Visualizar el nombre de la ruta de la URL actual:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
El resultado es:
/index.php
Inténtalo tú mismo " Window Location Protocol
El window.location.protocol propiedad devuelve el protocolo de Internet de la página.
Ejemplo
Visualizar el protocolo de Internet:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
El resultado es:
Page protocol is http:
Inténtalo tú mismo " Window Location Assign
El window.location.assign() método carga un nuevo documento.
Ejemplo
Cargar un nuevo 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>
Inténtalo tú mismo "