【js跳转代码】在网页开发中，JavaScript（JS）常用于实现页面之间的跳转功能。通过JS跳转代码，可以实现用户点击按钮、加载页面后自动跳转、根据条件跳转等效果。以下是对常见JS跳转方式的总结与对比。
一、JS跳转代码总结
1. `window.location.href`
最常用的跳转方式，直接修改当前页面的URL，实现跳转。
2. `window.location.replace()`
与`href`类似，但不会在浏览器历史记录中留下当前页面的记录。
3. `window.location.assign()`
与`href`相似，会保留当前页面的历史记录。
4. `location.reload()`
重新加载当前页面，不适用于跳转到其他页面。
5. `document.write()`
可以动态写入HTML内容，包括跳转链接，但使用需谨慎。
6. `setTimeout()` + `location.href`
实现延迟跳转，常用于登录成功后的自动跳转。
7. 表单提交跳转
通过JS控制表单提交，实现跳转逻辑。
8. AJAX请求后跳转
在异步请求完成后，再进行页面跳转。
二、JS跳转方式对比表格
| 方法 | 描述 | 是否保留历史记录 | 是否支持延迟跳转 | 是否推荐使用 |
| `window.location.href = "url"` | 直接跳转到指定页面 | 否 | 否 | ✅ |
| `window.location.replace("url")` | 替换当前页面，无历史记录 | 否 | 否 | ✅ |
| `window.location.assign("url")` | 加载新页面，保留历史记录 | 是 | 否 | ✅ |
| `location.reload()` | 重新加载当前页面 | - | 否 | ❌ |
| `document.write("跳转")` | 动态生成跳转链接 | 否 | 否 | ⚠️ |
| `setTimeout(() => { location.href = "url"; }, 2000)` | 延迟跳转 | 否 | 是 | ✅ |
| 表单提交 | 通过JS控制表单提交 | 否 | 否 | ✅ |
| AJAX + 跳转 | 异步请求后跳转 | 否 | 是 | ✅ |
三、注意事项
- 使用`window.location.href`时，注意不要频繁调用，避免性能问题。
- `replace()`和`assign()`的区别在于是否保留历史记录，根据需求选择。
- 使用`document.write()`时要确保页面已加载完成，否则可能导致错误。
- 延迟跳转应合理设置时间，避免用户体验下降。
通过以上方式，开发者可以根据实际需求选择合适的JS跳转方法，提升用户体验和页面交互性。
