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

It works by providing properties which allow you to easily read and modify the components of a URL.

You normally create a new URL object by specifying the URL as a string when calling its constructor, or by providing a relative URL and a base URL.

You can then easily read the parsed components of the URL or make changes to the URL.

If a browser doesn’t yet support the URL() constructor, you can access a URL object using the Window interface’s Window.URL property.

Be sure to check to see if any of your target browsers require this to be prefixed.


To get the search params from the current window’s URL, you can do this:

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"