使用jQuery获取当前URL？

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

示例URL:

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

当前回答

// get current URL

$(location).attr('href');
var pathname = window.location.pathname;
alert(window.location);

2016-05-31 06:58:53

其他回答

// get current URL

$(location).attr('href');
var pathname = window.location.pathname;
alert(window.location);

2016-05-31 06:58:53

以下是可以使用的有用代码片段的示例——其中一些示例使用标准JavaScript函数，并不特定于jQuery：

请参阅8个有用的jQuery代码段了解URL的&Querystring。

2013-04-29 14:26:48

如果您需要URL中的哈希参数，window.location.href可能是更好的选择。

window.location.pathname
=> /search

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

2010-05-09 16:39:07

所有浏览器都支持Javascript窗口对象。它定义浏览器的窗口。

全局对象和函数自动成为窗口对象的一部分。

所有全局变量都是窗口对象财产，所有全局函数都是其方法。

整个HTML文档也是一个窗口属性。

因此，您可以使用window.location对象获取所有与url相关的属性。

Java脚本

console.log（window.location.host）//返回主机console.log（window.location.hostname）//返回主机名console.log（window.location.pathname）//返回路径console.log（window.location.href）//返回完整的当前urlconsole.log（window.location.port）//返回端口console.log（window.location.protocol）//返回协议

JQuery（J查询）

console.log（“host=”+$（位置）.attr（'host'））；console.log（“hostname=”+$（位置）.attr（'主机名'））；console.log（“路径名=”+$（位置）.attr（'路径名'））；console.log（“href=”+$（位置）.attr（'href'））；console.log（“port=”+$（位置）.attr（'port'））；console.log（“protocol=”+$（位置）.attr（'协议'））；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js“></script>

2018-10-10 10:23:11

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>
<script>
  $(location).attr('href');      // http://www.refulz.com:8082/index.php#tab2
  $(location).attr('pathname');  // index.php
</script>
</html>

2013-01-30 21:10:42

使用jQuery获取当前URL？

推荐文章

最新文章

标签