Ubicación de la ventana de JavaScript
El window.locationobjeto se puede utilizar para obtener la dirección de la página actual (URL) y para redirigir el navegador a una nueva página.
Ubicación de la ventana
El window.locationobjeto se puede escribir sin el prefijo de ventana.
Algunos ejemplos:
window.location.hrefdevuelve el href (URL) de la página actualwindow.location.hostnamedevuelve el nombre de dominio del servidor webwindow.location.pathnamedevuelve la ruta y el nombre de archivo de la página actualwindow.location.protocoldevuelve el protocolo web utilizado (http: o https:)window.location.assign()carga un nuevo documento
Ubicación de la ventana Href
La window.location.hrefpropiedad devuelve la URL de la página actual.
Ejemplo
Muestra el href (URL) de la página actual:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
El resultado es:
Page location is https://es.pictoshow.com/js/js_window_location.asp
Nombre de host de ubicación de ventana
La window.location.hostnamepropiedad devuelve el nombre del host de Internet (de la página actual).
Ejemplo
Mostrar el nombre del anfitrión:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
El resultado es:
Page hostname is es.pictoshow.com
Nombre de la ruta de la ubicación de la ventana
La window.location.pathnamepropiedad devuelve el nombre de ruta de la página actual.
Ejemplo
Muestra el nombre de la ruta de la URL actual:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
El resultado es:
Page path is /js/js_window_location.asp
Protocolo de ubicación de ventana
La window.location.protocolpropiedad devuelve el protocolo web de la página.
Ejemplo
Mostrar el protocolo web:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
El resultado es:
Page protocol is https:
Puerto de ubicación de ventana
La window.location.portpropiedad devuelve el número del puerto de host de Internet (de la página actual).
Ejemplo
Mostrar el nombre del anfitrión:
document.getElementById("demo").innerHTML =
"Port
number is " + window.location.port;
El resultado es:
Port number is
La mayoría de los navegadores no mostrarán los números de puerto predeterminados (80 para http y 443 para https)
Asignación de ubicación de ventana
El window.location.assign()método carga un nuevo documento.
Ejemplo
Cargar un nuevo documento:
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://www.w3schools.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>