【window.location返回】在JavaScript中，`window.location` 是一个非常常用的对象，用于获取或设置当前页面的URL。它不仅能够返回当前页面的完整地址，还能提供关于该地址的多个组成部分。以下是对 `window.location` 返回内容的总结。
一、`window.location` 返回的内容
`window.location` 对象包含以下几个主要属性，每个属性都返回当前页面URL的不同部分：
| 属性名称 | 返回值示例 | 说明 |
| `href` | `"https://www.example.com"` | 返回完整的URL（包括协议、域名、路径等） |
| `protocol` | `"https:"` | 返回URL的协议部分（如 http: 或 https:） |
| `host` | `"www.example.com"` | 返回域名和端口号（如果有的话） |
| `hostname` | `"www.example.com"` | 返回纯域名部分 |
| `port` | `"8080"` | 返回端口号（如果存在的话） |
| `pathname` | `"/index.html"` | 返回路径部分 |
| `search` | `"?id=123"` | 返回查询字符串（即 ? 后面的部分） |
| `hash` | `"section1"` | 返回锚点部分（即 后面的部分） |
二、使用示例
```javascript
console.log(window.location.href);// 输出: https://www.example.com/index.html?id=123section1
console.log(window.location.protocol); // 输出: https:
console.log(window.location.host);// 输出: www.example.com
console.log(window.location.hostname); // 输出: www.example.com
console.log(window.location.port);// 输出: (如果未指定则为空)
console.log(window.location.pathname); // 输出: /index.html
console.log(window.location.search); // 输出: ?id=123
console.log(window.location.hash); // 输出: section1
```
三、注意事项
- `window.location` 是一个只读对象，不能直接修改其属性，但可以通过 `window.location.href = "new-url"` 来跳转页面。
- 如果页面是通过 `location.reload()` 或 `location.replace()` 修改的，`window.location` 的值也会随之变化。
- 在某些浏览器或安全策略下，访问某些属性可能会受到限制。
四、总结
`window.location` 是JavaScript中处理URL的重要工具，它提供了对当前页面地址的全面访问。通过理解各个属性的含义和用途，开发者可以更灵活地控制页面导航、动态加载内容以及实现单页应用（SPA）中的路由功能。