【window.location返回】在JavaScript中，`window.location` 是一个非常常用的对象，用于获取或设置当前页面的URL。它不仅能够返回当前页面的完整地址信息，还可以用来导航到新的页面。以下是对 `window.location` 返回值的总结，并通过表格形式进行详细说明。
一、window.location 返回值概述
`window.location` 是一个 `Location` 对象，它包含了当前窗口加载的文档的URL信息。可以通过不同的属性来获取URL的不同部分，如协议、主机名、端口、路径等。这些属性可以用于动态地处理页面跳转、路由控制或数据传递等场景。
二、window.location 常用属性与返回值对比
| 属性 | 返回值示例 | 说明 |
| `window.location.href` | `"https://www.example.com/path?query=1section"` | 返回完整的URL，包括协议、域名、路径、查询参数和锚点 |
| `window.location.protocol` | `"https:"` | 返回URL的协议部分（http: 或 https:） |
| `window.location.host` | `"www.example.com:8080"` | 返回域名和端口号（如果有的话） |
| `window.location.hostname` | `"www.example.com"` | 返回域名部分（不包含端口） |
| `window.location.port` | `"8080"` | 返回端口号（如果没有指定，默认为空字符串） |
| `window.location.pathname` | `"/path"` | 返回URL中的路径部分 |
| `window.location.search` | `"?query=1"` | 返回URL中的查询字符串部分（以 ? 开头） |
| `window.location.hash` | `"section"` | 返回URL中的锚点部分（以 开头） |
三、使用场景举例
- 页面跳转：通过 `window.location.href = "newpage.html"` 实现页面跳转。
- 获取当前页面信息：在单页应用（SPA）中，常通过 `window.location.hash` 来实现路由切换。
- 动态构建URL：结合 `location.pathname` 和 `location.search` 来动态生成请求地址。
四、注意事项
- `window.location` 的某些属性是只读的，不能直接修改，但可以通过 `href` 属性来更改整个URL。
- 在某些浏览器环境中，`location` 对象可能被覆盖或限制，需注意兼容性问题。
通过了解 `window.location` 的返回值和常用属性，开发者可以更灵活地操作页面URL，提升用户体验和功能实现的灵活性。