How to get the current URL in JavaScript
Find out the ways JavaScript offers you to get the current URL that's opened in the browser
To get the current URL of the page you opened in the browser using JavaScript you can rely on the location
property exposed by the browser on the window
object:
window.location
Since window
is the global object in the browser, the property can be referenced as
location
This is a Location object which has many properties on its own:
The current page URL is exposed in
location.href
Other properties of location
provide useful information:
Code | Description |
---|---|
location.hostname | the host name |
location.origin | the origin |
location.hash | the hash, the part that follow the hash # symbol |
location.pathname | the path |
location.port | the port |
location.protocol | the protocol |
location.search | the query string |
→ Get my JavaScript Beginner's Handbook
→ Read my
JavaScript Tutorials
on The Valley of Code
→ Read my
TypeScript Tutorial
on The Valley of Code
Here is how can I help you:
- COURSES where I teach everything I know
- THE VALLEY OF CODE your web development manual
- BOOTCAMP 2024 cohort in progress, next edition in 2025
- BOOKS 16 coding ebooks you can download for free on JS Python C PHP and lots more
- SOLO LAB everything I know about running a lifestyle business as a solopreneur
- Interesting links collection
- Follow me on X