Este objeto, el cual puede utilizarse sin el prefijo window, nos sirve tanto para obtener la url o parte de ella, de la web donde nos encontramos como para redireccionarnos hacia otra página. De hecho yo prefiero usar el objeto location en javascript antes que por ejemplo el header de php. ¿La razón? en PHP la función header puede dar problemas a la hora de un proyecto en producción al enviarse las cabeceras…

Pero no perdamos el hilo de lo que nos ocupa y veamos las propiedades de location…

Obtener la url de la página

Una de sus funciones más importantes puede ser para recoger la url de una web, esto ya lo vimos con php, y puede resultar muy interesante, de hecho en javascript es mucho más sencillo si cabe, ya que solo con la siguiente instrucción obtenemos la url de la página

window.location.href

La cual podemos imprimir, guardar en una variable, introducir en un array, en una condición if o cualquier cosa que podamos necesitar.

Obtener el nombre del hosting

Puede ser que no necesitemos toda la url de la página, ya que puede que estemos por ejemplo ejecutando el código en un resultado de búsqueda o por cualquier otra razón y aunque podríamos cortar la cadena y recoger solo la parte que necesitamos no es una solución muy elegante, sobre todo cuando javascript nos permite hacerlo con:

window.location.hostname

De esta forma solo recibiriamos un resultado del hosting, que sería para esta página: mialtoweb.es

Obtener el path

Por otro lado puede ser que solo necesitemos el path, sin necesidad del hosting, para por ejemplo direcciones relativas, y para ello javascript no ayuda con otra propiedad muy sencilla.

window.location.pathname

Obtener el protocolo

Puede resultar interesante también saber si la web se encuentra bajo un protocolo http o https, y location continúa haciendo su magia con otra propiedad…

window.location.protocol

Redireccionando con location

Ya vimos cómo redireccionar con javascript, aunque vamos a repasarlo aquí de forma rápida.

Utilizando location en javascript es tan sencillo como:

window.location="dirección donde queremos ir"

Naturalmente debemos de poner una url válida o recibiremos un error.

Como vemos los usos de location en javascript son muy útiles y más pronto que tarde se acaban utilizando algunos de ellos, teniendo que tenerlos muy presentes a la hora de realizar nuestros códigos.