Location

El objeto location se utiliza para recuperar la ubicación actual (URL) del documento y proporciona diferentes métodos para manipular la ubicación del documento. Se puede acceder a la ubicación actual mediante

window.location
//o
document.location
//o
location

Nota: window.location y document.location hacen referencia al mismo objeto location.

Tomemos un ejemplo de la siguiente URL y exploremos las diferentes propiedades de location

http://localhost:3000/js/index.html?type=listing&page=2#title

location.href //imprime la URL del documento actual
location.protocol //imprime protocolo como http: o https:
location.host //imprime el nombre de host con un puerto como localhost o localhost:3000
location.hostname //imprime el nombre de host como localhost o www.example.com
location.port //imprime el número de puerto como 3000
location.pathname //imprime el nombre de la ruta como /js/index.html
location.search //imprime una cadena de consulta como ?type=listing&page=2
location.hash //imprime el identificador del fragmento como #title