Get Current Page URL using JQuery

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

Check Demo

Video Tutorial

Watch video tutorial on how to Get Current Page URL using JQuery.