HTML DOM URL Property
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"> </span> </p> <script> document.getElementById( .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
Please Login to comment...