【window.location返回】在JavaScript中，`window.location` 是一个非常常用的对象，用于获取或设置当前页面的URL信息。它不仅能够返回当前页面的完整地址，还能提供关于协议、主机名、路径、查询参数等详细信息。下面是对 `window.location` 返回内容的总结和表格展示。
一、总结
`window.location` 是浏览器内置的一个对象，提供了对当前窗口位置（URL）的访问权限。通过这个对象，开发者可以获取当前页面的完整地址，也可以对其进行修改，从而实现页面跳转、动态加载等内容。
`window.location` 返回的是一个字符串形式的完整URL，例如：`https://www.example.com/path?query=1section`。但除此之外，它还包含多个属性，如 `href`、`protocol`、`host`、`hostname`、`port`、`pathname`、`search` 和 `hash`，这些属性分别表示URL的不同组成部分。
使用 `window.location` 可以帮助开发者实现导航、参数解析、页面重定向等功能，是前端开发中不可或缺的一部分。
二、window.location 返回内容一览表
| 属性 | 描述 | 示例值 |
| `href` | 返回整个URL | `https://www.example.com/path?query=1section` |
| `protocol` | 返回URL的协议（http/https） | `https:` |
| `host` | 返回主机名和端口号 | `www.example.com:8080` |
| `hostname` | 返回主机名 | `www.example.com` |
| `port` | 返回端口号 | `8080` |
| `pathname` | 返回路径部分 | `/path` |
| `search` | 返回查询字符串（带“?”） | `?query=1` |
| `hash` | 返回锚点部分（带“”） | `section` |
三、使用示例
```javascript
console.log(window.location.href);// 输出完整URL
console.log(window.location.protocol);// 输出 https:
console.log(window.location.host);// 输出 www.example.com:8080
console.log(window.location.pathname);// 输出 /path
console.log(window.location.search);// 输出 ?query=1
console.log(window.location.hash);// 输出 section
```
四、注意事项
- `window.location` 的某些属性是只读的，不能直接赋值，例如 `hostname`、`protocol` 等。
- 如果需要修改页面位置，可以使用 `window.location.href = "new-url"` 或 `window.location.replace("new-url")`。
- 使用 `window.location` 时要注意跨域限制，不能访问其他域的URL信息。
通过了解 `window.location` 的返回内容和相关属性，开发者可以更灵活地处理页面导航、URL解析和动态内容加载等问题，提升用户体验和功能实现的效率。