jquery获取当前页面的URL信息

封面图 • 2023-05-20 • jQuery

1、设置或获取对象指定的文件名或路径。 
```
window.location.pathname 
例：https://www.outobe.com:443/topic/index?topicId=361 
alert(window.location.pathname); 则输出：/topic/index
```

2、设置或获取整个 URL 为字符串。 
```
window.location.href 
例：https://www.outobe.com:443/topic/index?topicId=361 
alert(window.location.href); 则输出：https://www.outobe.com:443/topic/index?topicId=361
```

3、设置或获取与 URL 关联的端口号码。 
```
window.location.port 
例：https://www.outobe.com:443/topic/index?topicId=361 
alert(window.location.port); 则输出：443
```

4、设置或获取 URL 的协议部分。 
```
window.location.protocol 
例：https://www.outobe.com:443/topic/index?topicId=361 
alert(window.location.protocol); 则输出：http:
```
5、设置或获取 href 属性中在井号“#”后面的分段。 
```
window.location.hash
```
6、设置或获取 location 或 URL 的 hostname 和 port 号码。 
```
window.location.host 
例：https://www.outobe.com:443/topic/index?topicId=361 
alert(window.location.host); 则输出：http:localhost:443
```
7、设置或获取 href 属性中跟在问号后面的部分。
``` 
window.location.search 
例：https://www.outobe.com:443/topic/index?topicId=361 
alert(window.location.search); 则输出：?topicId=361
```

window.location
属性                  描述
href                  设置或获取整个 URL 为字符串。
host                  设置或获取 location 或 URL 的 hostname 和 port 号码。
protocol              设置或获取 URL 的协议部分。
port                  设置或获取与 URL 关联的端口号码。
hostname              设置或获取 location 或 URL 的主机名称部分。
pathname              设置或获取对象指定的文件名或路径。
search                设置或获取 href 属性中跟在问号后面的部分。
hash                  设置或获取 href 属性中在井号“#”后面的分段。
 
```
http://www.outobe.com/index.php?r=table%2Frenderjs
var href = location.href;
var host = location.host;
var protocol = location.protocol;
var port = location.port;
var hostname = location.hostname;
var pathname = location.pathname;
var search = location.search;
var hash = location.hash;

console.log(href);             // http://www.outobe.com/index.php?r=table%2Frenderjs
console.log(host);             // www.outobe.com
console.log(protocol);         // http:
console.log(port);
console.log(hostname);        // www.outobe.com
console.log(pathname);        // /index.php
console.log(search);          // ?r=table%2Frenderjs
console.log(hash); 
```