The location object is used to retrieve the current location (URL) of the document and provides different methods to manipulate document location. One can access the current location by


Note: window.location and document.location references the same location object.

Let's take an example of the following URL and explore the different properties of location


location.href //prints current document URL
location.protocol //prints protocol like http: or https:
location.host //prints hostname with port like localhost or localhost:3000
location.hostname //prints hostname like localhost or www.example.com
location.port //prints port number like 3000
location.pathname //prints pathname like /js/index.html
location.search //prints query string like ?type=listing&page=2
location.hash //prints fragment identifier like #title

results matching ""

    No results matching ""