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
→ I wrote 17 books to help you become a better developer:
- C Handbook
- Command Line Handbook
- CSS Handbook
- Express Handbook
- Git Cheat Sheet
- Go Handbook
- HTML Handbook
- JS Handbook
- Laravel Handbook
- Next.js Handbook
- Node.js Handbook
- PHP Handbook
- Python Handbook
- React Handbook
- SQL Handbook
- Svelte Handbook
- Swift Handbook
Also, JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025