javascript - Get current URL with jQuery?

ID : 457

viewed : 321

Tags : javascriptjqueryurljavascript





Top 5 Answer for javascript - Get current URL with jQuery?

vote vote

96

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) 
vote vote

88

In pure jQuery style:

$(location).attr('href'); 

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

vote vote

70

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> 
vote vote

62

If you need the hash parameters present in the URL, window.location.href may be a better choice.

window.location.pathname => /search  window.location.href   => www.website.com/search#race_type=1 
vote vote

51

You'll want to use JavaScript's built-in window.location object.

Top 3 video Explaining javascript - Get current URL with jQuery?







Related QUESTION?