Javascript – #2.20. Objetos del navegador (BOM). Location

Y ahora sí que sí, última lección en la que hablaremos de los objetos predefinidos del lenguaje Javascript. Esta vez hablaremos del objeto de navegador Location.

Podemos decir que representa la ubicación, o URL, del objeto al que está vinculado. En otras palabras, básicamente almacena la información de la URL (o dirección de Internet) de la página que se está ejecutando en el momento.

Las propiedades de Location que veremos en esta lección son las siguientes:

• href: que indica cuál es el HREF (URL) de la página.
• hostname: almacena el host de la página.
• pathname: almacena la ruta (lo que hay despúes del hostname) de la página.
• protocol: indica cuál es el protocolo de la página (http, https, etc.)
• hash: en caso de que haya un hash o ancla de página, la muestra (Ej. #quienes-somos)
• host: a diferencia de hostname, en este caso almacena el nombre del hostname y el puerto.
• origin: incluye el nombre del protocolo, el hostname y el puerto.
• search: almacena el querystring de la página (Ej. www.web.com/index.html?user=ada).

Además, veremos tres métodos del objeto Location:

• assign(<url>): permite asignar un nuevo documento a la página.
• reload(): recarga la página (como si pulsáramos F5 o las flechas circulares).
• replace(<url>): sustituye una página por otra haciendo desaparecer su historial.

¿Sabías que todas las partes que forman la URL de una página pueden ser extraídas utilizando Javascript con el objeto Location? ¡Prueba y verás!

Tweet

Y ahora sí: veamos el funcionamiento del objeto Location con una serie de ejemplos prácticos.

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!