Skip to content

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:

window.location

The current page URL is exposed in

location.href

Other properties of location provide useful information:

CodeDescription
location.hostnamethe host name
location.originthe origin
location.hashthe hash, the part that follow the hash # symbol
location.pathnamethe path
location.portthe port
location.protocolthe protocol
location.searchthe query string
→ Get my JavaScript Beginner's Handbook

I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter

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

Bootcamp 2025

Join the waiting list