JavaScript - Get the Current URL

In JavaScript, we can get the current URL of the page using the window.location object. The window.location object contains information about the current URL of the page.

We can get URL from another method also, which is document.URL. Another method is document.documentURI which returns the location of the document as a string.

Using window.location

The window.location object can be used to get the current URL. The window.location.href property returns the href (URL) of the current page. We can also use window.location or location in place of window.location.href.

Example

In this example we will use window.location.href to get the current URL. In below example you can try using window.location or location in place of window.location.href.

<html>
<body>
<p id="demo"></p>
<script>
   let currentURL = window.location.href;
   document.getElementById("demo").innerHTML = currentURL;
</script>
</body>
</html>

Output

We execute the code online. When you run the above code, You will able to see console message with the current URL.

https://www.tutorialspoint.com/javascript/javascript_get_current-url.php

Using document.URL

We could also use document.documentURI and document.URL properties. The document.URL returns the URL of the document as a string.

Example

In this example, we will use the document.URL to get the current URL of the document.

<html>
<body>
<p id="demo"></p>
<script>
   let currentURL = document.URL;
   document.getElementById("demo").innerHTML = currentURL;
</script>
</body>
</html>

Output

When you execute the above code, In console the current URL will be displayed.

https://www.tutorialspoint.com/javascript/javascript_get_current_url.php

Using document.documentURI

The document.documentURI returns the location of the document as a string.

Example

In this example, we will use the document.documentURI to get the current URL of the document.

<html>
<body> 
<p id="demo"></p>
<script>
   let currentURL = document.documentURI;
   document.getElementById("demo").innerHTML = currentURL;
</script>
</body>
</html>

Output

When you execute the above code, In console you will be able to see the current URL of the document.

https://www.tutorialspoint.com/javascript/javascript_get_current_url.php