There is a property inside the ​<code>location</code> ​object which will give you the full URL of the page you are currently browsing.
<pre><code>window​.​location​.​href; // e.g. https://hashnode.com
</code></pre>In addition, you can pass the string that’s contained in the ​href ​property to construct a new ​URL ​object.
<pre><code>const url = new​ ​URL​(​window​.​location​.​href​);

{
 hash: "",
 host: "hashnode.com",
 hostname: "hashnode.com",
 href: "https://hashnode.com/somepage",
 origin: "https://hashnode.com",
 password: "",
 pathname: "/somepage",
 port: "",
 protocol: "https:",
 search: "",
 searchParams: URLSearchParams {}
}
</code></pre>This will give you access to properties like the ​hostname, path, origin etc which makes it easier to extract parts of the URL that you may need.
 <a target="_blank" href="https://twitter.com/codebubb">Follow me on Twitter </a> for more tutorials 👍

There is a property inside the ​`location` ​object which will give you the full URL of the page you are currently browsing.

```
window​.​location​.​href; // e.g. https://hashnode.com
```
In addition, you can pass the string that’s contained in the ​href ​property to construct a new ​URL ​object.

```
const url = new​ ​URL​(​window​.​location​.​href​);

{
  hash: "",
  host: "hashnode.com",
  hostname: "hashnode.com",
  href: "https://hashnode.com/somepage",
  origin: "https://hashnode.com",
  password: "",
  pathname: "/somepage",
  port: "",
  protocol: "https:",
  search: "",
  searchParams: URLSearchParams {}
}
```

This will give you access to properties like the ​hostname, path, origin etc which makes it easier to extract parts of the URL that you may need.

 [Follow me on Twitter ](https://twitter.com/codebubb) for more tutorials 👍


How to get the current URL with JavaScript