【window.location返回】在JavaScript中，`window.location` 是一个非常常用的对象，用于获取或设置当前页面的URL信息。它不仅能够返回当前页面的完整地址，还能拆分出协议、主机名、路径、查询参数等部分。以下是对 `window.location` 返回值的总结。
一、`window.location` 的主要属性和返回值
| 属性名称 | 返回内容说明 | 示例值 |
| `href` | 返回完整的URL地址 | "https://www.example.com/path?query=1" |
| `protocol` | 返回URL的协议（http: 或 https:） | "https:" |
| `host` | 返回主机名和端口号（如果有的话） | "www.example.com:8080" |
| `hostname` | 返回主机名（不包含端口） | "www.example.com" |
| `port` | 返回端口号（如果没有指定，默认为空字符串） | "8080"（如果存在的话） |
| `pathname` | 返回路径部分（从“/”开始） | "/path" |
| `search` | 返回查询字符串（以“?”开头） | "?query=1" |
| `hash` | 返回锚点部分（以“”开头） | "section1" |
二、使用示例
```javascript
console.log(window.location.href);// 输出完整URL
console.log(window.location.protocol); // 输出 "https:"
console.log(window.location.host); // 输出 "www.example.com"
console.log(window.location.pathname); // 输出 "/path"
console.log(window.location.search); // 输出 "?query=1"
console.log(window.location.hash); // 输出 "section1"
```
三、总结
`window.location` 是一个强大的对象，不仅可以用来获取当前页面的URL信息，还可以通过修改其属性来实现页面跳转或导航。了解其各个属性的返回值，有助于开发者更高效地处理页面链接、路由和用户行为分析。
在实际开发中，合理利用 `window.location` 可以提升用户体验和代码的可维护性。同时，也需要注意不同浏览器对这些属性的支持情况，确保代码的兼容性和稳定性。