Objeto Location de Window

Objeto Location de Window

El objeto Location contiene información sobre la URL actual.

El objeto Location es una propiedad del objeto ventana.

El objeto Location se puede acceder de la siguiente manera:

window.location o simplemente location

Ejemplo

let origin = window.location.origin;

Prueba personalmente

let origin = location.origin;

Prueba personalmente

Atributos del objeto Location

Atributo Descripción
hash Establecer o devolver la parte de ancla de la URL (#).
host Establecer o devolver el nombre de host y el número de puerto de la URL.
hostname Establecer o devolver el nombre de host de la URL.
href Establecer o devolver toda la URL.
origin Devolver el protocolo, el nombre de host y el número de puerto de la URL.
pathname Establecer o devolver el nombre de la ruta de la URL.
port Establecer o devolver el número de puerto de la URL.
protocol Establecer o devolver el protocolo de la URL.
search Establecer o devolver la parte de la consulta de la URL.

Métodos del objeto Location

Método Descripción
assign() Cargar un nuevo documento.
reload() Recargar el documento actual.
replace() Reemplazar el documento actual con un nuevo documento.

Descripción del objeto Location

El objeto Location se almacena en la propiedad Location del objeto Window y representa la dirección web del documento que se muestra actualmente en esa ventana. propiedad hrefAlmacena la URL completa del documento, mientras que las otras propiedades describen las diferentes partes de la URL. Estas propiedades son muy similares a las propiedades URL del objeto Anchor (o Area). Cuando un objeto Location se convierte en una cadena, se devuelve el valor de la propiedad href. Esto significa que puedes usar la expresión location en lugar de location.href.

Sin embargo, el objeto Anchor representa un hipervínculo en el documento, mientras que el objeto Location representa la URL (o ubicación) del documento que se muestra actualmente en el navegador. Pero lo que puede hacer el objeto Location es mucho más que eso, también puede controlar la ubicación del documento que se muestra en el navegador. Si se asigna una cadena que contiene una URL al objeto Location o a su propiedad href, el navegador cargará y mostrará el documento al que apunta la nueva URL.

Además de reemplazar la URL actual con una URL completa utilizando location o location.href, también se puede modificar parte de la URL, simplemente asignando valores a las otras propiedades del objeto Location. Esto creará una nueva URL en la que parte de ella es diferente de la URL original, y el navegador la cargará y mostrará. Por ejemplo, supongamos que se ha asignado una cadena que contiene una URL al objeto Location o a su propiedad href propiedad hashEntonces, el navegador se transferirá a una posición específica en el documento actual. Del mismo modo, si se ha configurado propiedad searchEntonces, el navegador recargará la URL con la nueva cadena de consulta.

Además de la propiedad URL, el objeto Location]} Método reload()Puede recargar el documento actual,replace() Puede cargar un nuevo documento sin crear un nuevo registro de historial, es decir, en la lista de historial del navegador, el nuevo documento reemplazará el documento actual.