jquery获取当前页面的URL信息

缺乏、安全感 2023-07-03 10:37 66阅读 0赞

以前在做网站的时候，经常会遇到当前页的分类高亮显示，以便让用户了解当前处于哪个页面。之前一直是在每个不同页面写方法。工程量大，也不便于修改。一直在想有什么简便的方法实现。后来在网上查到可以用获取当前URL的详细信息来判断。所以收集了JQUERY获取URL的函数的资料。

设置或获取对象指定的文件名或路径。  
window.location.pathname  
例：http://localhost:8086/topic/index?topicId=361  
alert(window.location.pathname); 则输出：/topic/index

设置或获取整个 URL 为字符串。  
window.location.href  
例：http://localhost:8086/topic/index?topicId=361  
alert(window.location.href); 则输出：http://localhost:8086/topic/index?topicId=361

设置或获取与 URL 关联的端口号码。  
window.location.port  
例：http://localhost:8086/topic/index?topicId=361  
alert(window.location.port); 则输出：8086

设置或获取 URL 的协议部分。  
window.location.protocol  
例：http://localhost:8086/topic/index?topicId=361  
alert(window.location.protocol); 则输出：http:

设置或获取 href 属性中在井号“\#”后面的分段。  
window.location.hash

设置或获取 location 或 URL 的 hostname 和 port 号码。  
window.location.host  
例：http://localhost:8086/topic/index?topicId=361  
alert(window.location.host); 则输出：http:localhost:8086

设置或获取 href 属性中跟在问号后面的部分。  
window.location.search  
例：http://localhost:8086/topic/index?topicId=361  
alert(window.location.search); 则输出：?topicId=361

window.location  
属性 描述  
hash 设置或获取 href 属性中在井号“\#”后面的分段。  
host 设置或获取 location 或 URL 的 hostname 和 port 号码。  
hostname 设置或获取 location 或 URL 的主机名称部分。  
href 设置或获取整个 URL 为字符串。  
pathname 设置或获取对象指定的文件名或路径。  
port 设置或获取与 URL 关联的端口号码。  
protocol 设置或获取 URL 的协议部分。  
search 设置或获取 href 属性中跟在问号后面的部分。

转自：https://www.cnblogs.com/hongmaju/p/5510988.html