javascript – Get current URL with jQuery?

javascript – Get current URL with jQuery?

To get the path, you can use:

var pathname = window.location.pathname; // Returns path only (/path/example.html)
var url      = window.location.href;     // Returns full URL (https://example.com/path/example.html)
var origin   = window.location.origin;   // Returns base URL (https://example.com)

In pure jQuery style:

$(location).attr(href);

The location object also has other properties, like host, hash, protocol, and pathname.

javascript – Get current URL with jQuery?

http://www.refulz.com:8082/index.php#tab2?foo=789

Property    Result
------------------------------------------
host        www.refulz.com:8082
hostname    www.refulz.com
port        8082
protocol    http:
pathname    index.php
href        http://www.refulz.com:8082/index.php#tab2
hash        #tab2
search      ?foo=789

var x = $(location).attr(<property>);

This will work only if you have jQuery. For example:

<html>
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js></script>
<script>
  $(location).attr(href);      // http://www.refulz.com:8082/index.php#tab2
  $(location).attr(pathname);  // index.php
</script>
</html>

Leave a Reply

Your email address will not be published.