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.
Edu curiosidad

¿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!

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!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!

9 comentarios
Contraer comentarios

Excelente Curso, Excelente Explicación, muchas gracias por darse el tiempo de generar estos contenidos, Felicidades.

Saludos!!!

didacticode (Administrador) 10/10/2020 a las 09:02

¡Muchísimas gracias, Quijoteaha! 🙂 Todo un placer.

Muchas gracias por todo el trabajo realizado. La página con el seguimiento de las lecciones, los vídeos, …. A parte de que me encanta como explicas. No tenía ni idea de JavaScript y gracias a ti estoy aprendiendo un montón. Un millón.

didacticode (Administrador) 27/10/2020 a las 09:45

¡Muchas gracia a ti por dejar tu comentario, Sergio, de verdad!
Me alegro mucho de que te esté gustando la página y, sobre todo, ¡que estés aprendiendo!
Cuéntame, ¿eres estudiante oficial o estás aprendiendo “por amor al arte”?

¡Hola! Estoy aprendiendo a programar “por amor al arte” como tú dices, jajaja . Esas cosas que siempre quisiste aprender y que nunca le dedicaste tiempo. Gracias a tu curso se me está haciendo más sencillo el arranque con Javascript. ¡Me encanta como vas al grano!

didacticode (Administrador) 27/10/2020 a las 10:29

¡La gente como tú tiene muchísimo mérito! Me alegro mucho, Sergio, y espero de verdad que le saques mucho partido. ¡Ánimo, verás que es un mundo genial! 😉

¡Gracias!

; b

Muchas gracias Ada
Me estás ayudando mucho
Explicas muy bien y todo queda clarito.
Un saludo

didacticode (Administrador) 02/03/2021 a las 00:55

¡Me alegro muchísimo, Merche! ¡Un abrazo y sigue adelante!

Deja un comentario