我正在使用jQuery。如何获取当前URL的路径并将其分配给变量?
示例URL:
http://localhost/menuname.de?foo=bar&number=0
我正在使用jQuery。如何获取当前URL的路径并将其分配给变量?
示例URL:
http://localhost/menuname.de?foo=bar&number=0
当前回答
在纯jQuery样式中:
$(location).attr('href');
location对象还具有其他财产,如host、hash、protocol和pathname。
其他回答
这是一个比许多人想象的更复杂的问题。一些浏览器支持内置JavaScript位置对象和通过window.location或document.location访问的相关参数/方法。然而,不同风格的Internet Explorer(6,7)不以相同的方式支持这些方法,(window.location.href?window.location.replace()不受支持),因此您必须通过始终编写条件代码来以不同的方式访问它们,以手持Internet Explorer。
因此,如果您有jQuery可用并已加载,那么您最好使用jQuery(location),正如其他人提到的那样,因为它解决了这些问题。然而,如果您正在通过JavaScript(即使用Google Maps API和位置对象方法)进行一些客户端地理位置重定向,那么您可能不想加载整个jQuery库并编写检查每个版本的InternetExplorer/Firefox/等的条件代码。
InternetExplorer让前端编码猫不高兴,但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>');
只有当您有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>
如果有人想要连接URL和哈希标签,请结合两个功能:
var pathname = window.location.pathname + document.location.hash;
所有浏览器都支持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>
如果要获取根站点的路径,请使用以下命令:
$(location).attr('href').replace($(location).attr('pathname'),'');