WEB TUTORIALS
PRACTICE EXAMPLES
HTML REFERENCES
CSS REFERENCES
PHP REFERENCES

How to Get the Current URL with JavaScript

Topic: JavaScript / jQueryPrev|Next

Answer: Use the window.location.href Property

You can use the JavaScript window.location.href property to get the entire URL of the current page which includes host name, query string, fragment identifier, etc.

The following example will display the current url of the page on click of the button.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Get Current URL in JavaScript</title>
</head>
<body>
    <script>
    function getURL() {
        alert("The URL of this page is: " + window.location.href);
    }
    </script>
     
    <button type="button" onclick="getURL();">Get Page URL</button>
</body>
</html>

See the tutorial on JavaScript window location to learn about the other properties of location object.


Related FAQ

Here are some more FAQ related to this topic:

Bootstrap UI Design Templates Property Marvels - A Leading Real Estate Portal for Premium Properties