Introduction
Have you ever wondered how to get the current URL of a web page using JQuery? Well, you’re in luck! In this article, we will explore the different methods and techniques to achieve this. So, let’s dive right in!
Method 1: window.location.href
<html lang="en">
<head>
<title>JQuery - Get current URL</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<script type="text/javascript">
var currentURL = window.location.href;
alert(currentURL);
</script>
</body>
</html>Output:-
Method 2: $(location).attr(“href”)
<html lang="en">
<head>
<title>JQuery - Get current URL</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<script type="text/javascript">
var currentURL = $(location).attr("href");
alert(currentURL);
</script>
</body>
</html>Output:-
Method 3: window.location
<html lang="en">
<head>
<title>JQuery - Get current URL</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<script type="text/javascript">
var currentURL = window.location;
alert(currentURL);
</script>
</body>
</html>Output:-
Hopefully, It will help you …!!!