LaravelCode

Search

How to Get the Current URL with JavaScript

Javascript
2414 views 4 years ago
post-title

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>

 

Random Articles
  • Laravel 8 Paypal Payment Gateway Integration
    Paypal is a international payment processing gateway working in majority of countries that support online money transfer. Paypal provides faster, safer way to money transfer. Due to its popularity, mo...
  • How to Get the Current Year using PHP
    Use the PHP date() Function You can simply use the PHP date() function to get the current year. The following example code will be very useful if you want to put a copyright notice in a website...
  • jQuery sliding effect example
    In this article, we will describe on sliding effects. There are three slide effects available in jQuery. So let&#39;s start from slideDown() method. jQuery slideDown() method jQuery slideDown()...
  • How to use Null coalescing operator in PHP
    PHP provides ternary operator for if...else condition if there is simple one line statement. However ternary operator throw undefined error if the variable in condition is not defined. Example...
  • How to count all elements or values in an array in PHP
    Use the PHP&nbsp;count()&nbsp;or&nbsp;sizeof()&nbsp;function You can simply use the PHP&nbsp;count()&nbsp;or&nbsp;sizeof()&nbsp;function to get the number of elements or values in an array. The&nbs...
Advertise