Sentry Answers>JavaScript>

Get the Current URL with JavaScript?

Get the Current URL with JavaScript?

Matthew C.

The ProblemJump To Solution

You want to get the current website URL on a page. How do you do this?

The Solution

There are multiple ways to get the current URL using JavaScript. Technically, we’ll use Web APIs, which are not a part of the JavaScript language but are used with JavaScript. You can use the globally scoped Window and Document web API interfaces to get the current URL in a browser.

The Window interface represents a window containing a DOM document. It has a document property that points to the DOM Document loaded in the window. This is the Document interface that represents the DOM tree of a loaded web page in the browser.

The window.location and document.location (which is the same as window.document.location) properties are read-only and return a Location object. This object contains information about the current URL, including the following properties:

Click to Copy
{ "ancestorOrigins": {}, "href": "", "origin": "", "protocol": "https:", "host": "", "hostname": "", "port": "", "pathname": "/answers/capture-errors/", "search": "", "hash": "" }

To get the current URL, get the href property value:

Click to Copy
window.location.href // '' // or document.location.href // ''

You can also get the values of the following properties on the window object to get the current URL:

Click to Copy
document.URL // '' document.documentURI // ''

If you need to parse the URL, you can create a URL interface with the current URL. It has useful methods for parsing a URL, for example, you can get search parameter values by their names:

Click to Copy
const urlObj = new URL(window.location.href); console.log(urlObj.href) // console.log(urlObj.searchParams.get('color')); // yellow

The URL interface is also used to construct, normalize, and encode URLs.

  • ResourcesImprove Web Browser Performance - Find the JavaScript code causing slowdowns
  • ResourcesJavaScript Frontend Error Monitoring 101
  • logo
    Listen to the Syntax Podcast

    Tasty treats for web developers brought to you by Sentry. Get tips and tricks from Wes Bos and Scott Tolinski.


Loved by over 4 million developers and more than 90,000 organizations worldwide, Sentry provides code-level observability to many of the world’s best-known companies like Disney, Peloton, Cloudflare, Eventbrite, Slack, Supercell, and Rockstar Games. Each month we process billions of exceptions from the most popular products on the internet.

© 2024 • Sentry is a registered Trademark
of Functional Software, Inc.