How to Get Current URL in jQuery

1. href Attribute to Get the Current URL in jQuery
2. Access Specific Properties of URL in jQuery

There are often cases when you want to see where your jQuery code is currently loading. For every open window in the browser, the browser gives access to its window object. As a part of the window object, the location object gives information about the current URL.

href Attribute to Get the Current URL in jQuery

To get the current URL, you can access the href attribute of the browser’s location object.

<script>
 var url = $(location).attr('href');
  // Returns full URL
(https://example.com/path/example.html)
 var pathname = $(location).attr('pathname');
  // Returns path only (/path/example.html)
 var origin = $(location).attr('origin');
  // Returns base URL (https://example.com)
</script>

Note: In vanilla JavaScript way, it can be accessed via window.location.href.

Access Specific Properties of URL in jQuery

The location Object comes with additional properties of the URL.