HTML | DOM URL Property

Difficulty Level : Basic
Last Updated : 25 Jul, 2019

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

Syntax:

document.URL

Below program illustrates the document.URL property in HTML:

Example:

<!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:

Supported Browsers: The browser supported by document.URL property are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Apple Safari

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML course.

My Personal Notes

Related Articles

HTML | DOM URL Property