Jquery获取当前URL的详细信息

àì夳堔傛蜴生んèń 2022-04-25 10:06 229阅读 0赞

## jquery获取当前页面的URL信息 ##

##### 设置或获取对象指定的文件名或路径。 #####

window.location.pathname  
例：[http://localhost:8086/topic/index?topicId=361][http_localhost_8086_topic_index_topicId_361]  
alert(window.location.pathname); 则输出：/topic/index

##### 设置或获取整个 URL 为字符串。 #####

window.location.href  
例：[http://localhost:8086/topic/index?topicId=361][http_localhost_8086_topic_index_topicId_361]  
alert(window.location.href); 则输出：[http://localhost:8086/topic/index?topicId=361][http_localhost_8086_topic_index_topicId_361]

##### 设置或获取与 URL 关联的端口号码。 #####

window.location.port  
例：[http://localhost:8086/topic/index?topicId=361][http_localhost_8086_topic_index_topicId_361]  
alert(window.location.port); 则输出：8086

##### 设置或获取 URL 的协议部分。 #####

window.location.protocol  
例：[http://localhost:8086/topic/index?topicId=361][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][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][http_localhost_8086_topic_index_topicId_361]  
alert(window.location.search); 则输出：?topicId=361

##### window.location的属性描述 #####

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

[http_localhost_8086_topic_index_topicId_361]: http://localhost:8086/topic/index?topicId=361