Skip to content
Related Articles

Related Articles

HTML DOM URL Property

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 13 Jul, 2022
View Discussion
Improve Article
Save Article

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:

document.URL() Property

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>


Output:

Displaying the current URL using the document.URL() Property

Supported Browsers:

  • Google Chrome 1
  • Internet Explorer 4
  • Microsoft Edge 12
  • Firefox 1
  • Opera 3
  • Safari 1

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!