协慌网

 登录 贡献 社区

使用 jQuery 获取当前 URL？

我正在使用 jQuery。如何获取当前 URL 的路径并将其分配给变量？

示例网址： 

http://localhost/menuname.de?foo=bar&number=0

答案

要获取路径，您可以使用： 

var pathname = window.location.pathname; // Returns path only
var url      = window.location.href;     // Returns full URL
var origin   = window.location.origin;   // Returns base URL

在纯 jQuery 风格： 

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

location 对象还具有其他属性，如 host，hash，protocol 和 pathname。 

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>');

这只有在你有 jQuery 的情况下才有效。例如： 

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