Ubicación

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

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

Note: window.location y document.location hacen referencia al mismo objeto de ubicación.

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 actual del documento
location.protocol //imprime el protocolo, como http: o https:
location.host //imprime el nombre de host con el 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 la ruta, como /js/index.html
location.search //imprime la cadena de consulta, como ?type=listing&page=2
location.hash //imprime el identificador de fragmento, como #title