HTML DOM URL Property

Last Updated : 11 Jul, 2025

The DOM URL property in HTML is used to return a string that contains the complete URL of the current document. The string also includes the HTTP protocol such as ( http://).

Syntax:

document.URL

Return Value: It returns a string value that represents the full URL of the document.

Example: In this example, we simply display the GeeksforGeeks URL using DOM URL Property.

HTML

<!DOCTYPE html> <html> <body> <h2>GeeksforGeeks</h2> <p id="GfG">GeeksforGeeks URL: <br/> <span id="GfG"> https://www.geeksforgeeks.org/ </span> </p> <script>  document.getElementById(  "https://www.geeksforgeeks.org/")  .textContent = document.URL;  </script> </body> </html>

Output:

Example: This example illustrates the document.URL property in HTML to get the URL of the current site.

HTML

<!DOCTYPE html> <html> <head> <title>DOM document.URL() Property</title> <style>  h1 {  color: green;  }    h2 {  font-family: Impact;  }    body {  text-align: center;  }  </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>DOM document.URL() Property</h2> <p> For displaying the URL of the document, double click the "View URL" button: </p> <button ondblclick="myURL()">View URL</button> <p id="url"></p> <script>  function myURL() {  var gfg = document.URL;  document.getElementById("url").innerHTML = gfg;  }  </script> </body> </html>