In this tutorial we will see how to Get Current Page URL using JQuery. The href property of location object is used which contains the entire url.
Table of Contents
HTML Code
HTML Code is given below.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Get Current Page URL using JQuery</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<button id='btn'>Get URL</button>
</body>
</html>
JQuery Code
JQuery Code is given below. In this code the location object is used which contains all the information about the current url. For the current page url, href property of location object is used which returns the current page url.
<script>
$(document).ready(function(){
$("#btn").click(function(){
var pageURL = $(location).attr("href");
alert(pageURL);
});
});
</script>
Also Read Get Current Page URL using JavaScript.
Demo
Video Tutorial
Watch video tutorial on how to Get Current Page URL using JQuery.