JavaScript Window Location

El objeto window.location se puede usar para obtener la dirección (URL) de la página actual y redirigir el navegador a una nueva página.

Window Location

window.location El objeto se puede escribir sin prefijo window.

Algunos ejemplos:

  • window.location.href devuelve el href (URL) de la página actual
  • window.location.hostname devuelve el nombre de dominio del host web
  • window.location.pathname devuelve la ruta o nombre del archivo de la página actual
  • window.location.protocol devuelve el protocolo web utilizado (http: o https:)
  • window.location.assign carga un nuevo documento

Href de Window Location

window.location.href La propiedad devuelve el URL de la página actual.

Ejemplo

Mostrar el href (URL) de la página actual:

document.getElementById("demo").innerHTML = "La ubicación de la página es " + window.location.href;

El resultado es:

La ubicación de la página es http://www.codew3c.com/js/js_window_location.asp

Prueba personal

Nombre de host de Window Location

window.location.hostname La propiedad devuelve el nombre del host de Internet (del página actual).

Ejemplo

Mostrar el nombre del host:

document.getElementById("demo").innerHTML = "El nombre del host de la página es " + window.location.hostname;

El resultado es:

El nombre del host de la página es www.codew3c.com

Prueba personal

Nombre de la ruta de Window Location

window.location.pathname La propiedad devuelve el nombre del camino de la página actual.

Ejemplo

Mostrar el nombre del camino del URL actual:

document.getElementById("demo").innerHTML = "La ruta de la página es " + window.location.pathname;

El resultado es:

La ruta de la página es /js/js_window_location.asp

Prueba personal

Protocolo de Window Location

window.location.protocol La propiedad devuelve el protocolo web de la página.

Ejemplo

Mostrar el protocolo web:

document.getElementById("demo").innerHTML = "El protocolo de la página es " + window.location.protocol;

El resultado es:

El protocolo de la página es http:

Prueba personal

Puerto de Localización de Ventana

window.location.port Propiedad que devuelve el número de puerto del host de internet (de la página actual).

Ejemplo

Mostrar el número de puerto del host principal:

document.getElementById("demo").innerHTML = "El número de puerto es: " + window.location.port;

Prueba personal

La mayoría de los navegadores no mostrarán el número de puerto predeterminado (http es 80, https es 443).

Asignación de Localización de Ventana

window.location.assign() Método para cargar un nuevo documento.

Ejemplo

Cargar nuevo documento:

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

Prueba personal