El objeto Location

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 ubicación

实例

let origin = window.location.origin;

prueba personalmente

let origin = location.origin;

prueba personalmente

propiedades del objeto Location

propiedad descripción
hash establecer o devolver la parte de ancla de la URL (#).
host establecer o devolver el nombre del host y el número de puerto de la URL.
hostname establecer o devolver el nombre del host de la URL.
href establecer o devolver toda la URL.
origin devolver el protocolo, el nombre del 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. Su 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 puede 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. Sin embargo, 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 que se refiere a 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. De esta manera, se 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 configurado la propiedad propiedad hash，entonces el navegador se transferirá a una ubicació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 adjunta.

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.