Objeto Location
Objeto Location
El objeto Location contiene información sobre la URL actual.
El objeto Location es una parte del objeto Window, que se puede acceder a través de la propiedad window.location.
Ejemplo
Propiedades del objeto Location
| Propiedad | Descripción |
|---|---|
| hash | Establecer o devolver la parte de la URL que comienza con el símbolo de número (#), que es el ancla. |
| host | Establecer o devolver el nombre de host y el número de puerto de la URL actual. |
| hostname | Establecer o devolver el nombre de host de la URL actual. |
| href | Establecer o devolver la URL completa. |
| pathname | Establecer o devolver la parte de la URL que representa la ruta. |
| port | Establecer o devolver el número de puerto de la URL actual. |
| protocol | Establecer o devolver el protocolo de la URL actual. |
| search | Establecer o devolver la parte de la URL que comienza con el signo de interrogación (?), que es la parte de consulta. |
Métodos del objeto Location
| Propiedad | 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, que representa la dirección web del documento que se muestra actualmente en esa ventana. propiedad hrefAlmacena la URL completa del documento, otras propiedades describen las partes de la URL. Estas propiedades son muy similares a la propiedad URL del objeto Anchor (o objeto 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 el 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 el objeto Location puede hacer 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 la URL será diferente de la original, y el navegador la cargará y mostrará. Por ejemplo, supongamos que se ha establecido la propiedad href del objeto Location propiedad hashentonces el navegador se transferirá a una ubicación específica en el documento actual. Del mismo modo, si se establece 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 tener que crear un nuevo historial para él, es decir, en la lista de historial del navegador, el nuevo documento reemplazará el documento actual.
