← flaviocopes.com

How to get the current URL in JavaScript

Published Oct 01 2018

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


Wanna go from noobie to expert?

I wrote an entire book on this topic 👇

I also got a super cool course 👇

© 2023 Flavio Copes Flavio Copes using Notion to Site Notion to Site

Interested in solopreneurship?