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
→ 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: