【window.location.href】`window.location.href` 是 JavaScript 中用于获取或设置当前页面 URL 的属性。通过该属性，开发者可以实现页面跳转、重定向等功能。在实际开发中，合理使用 `window.location.href` 可以提升用户体验和页面交互性。以下是对 `window.location.href` 的功能、用法及注意事项的总结。
表格展示：
| 属性/方法 | 说明 | 示例代码 | 用途 |
| `window.location.href` | 获取或设置当前页面的完整 URL | `window.location.href = "https://www.example.com";` | 页面跳转、重定向 |
| `window.location.href`（只读） | 获取当前页面的 URL | `var currentUrl = window.location.href;` | 获取当前页面地址，用于日志记录或验证 |
| `window.location.replace()` | 替换当前页面，不保留历史记录 | `window.location.replace("https://www.example.com");` | 避免用户返回到原页面 |
| `window.location.assign()` | 加载新 URL，会保留历史记录 | `window.location.assign("https://www.example.com");` | 页面导航，支持后退按钮 |
| `window.location.reload()` | 重新加载当前页面 | `window.location.reload();` | 刷新页面内容 |
注意事项：
- 使用 `window.location.href` 进行跳转时，应确保目标 URL 正确无误，避免出现错误页面。
- 在单页应用（SPA）中，频繁使用 `href` 跳转可能导致性能问题，建议结合路由机制进行优化。
- 某些浏览器对跳转操作有安全限制，如弹出窗口或跨域跳转可能被拦截。
- 不推荐在异步操作中直接修改 `href`，以免影响程序逻辑的可预测性。
总结：
`window.location.href` 是前端开发中常用的一个属性，掌握其基本用法和注意事项有助于提高开发效率和用户体验。在实际项目中，应根据需求选择合适的跳转方式，如 `replace` 或 `assign`，以实现更灵活的页面控制。
