history.back()是最直接的后退方式，等价于点击浏览器返回按钮，需注意括号调用、历史栈存在性及SPA中应优先使用框架路由方法如router.back()或navigate(-1)。
history.back() 是最直接的后退方式
页面跳转后想回到上一页，history.back() 是浏览器原生支持、语义最清晰的方法。它等价于用户点击浏览器左上角的「返回」按钮，会触发完整的导航流程（包括重新加载或从缓存恢复）。
常见错误是把它写成 history.back（漏掉括号），结果变成取函数引用而非执行；或者在没有历史记录时调用，导致静默失败（不报错但无反应）。
- 只适用于有上一页的历史栈中 —— 新开标签页或首次访问时调用无效
- 不会刷新当前页面，但可能触发
pageshow/pagehide事件 - 兼容性极好，所有现代浏览器及 IE8+ 都支持
用 window.history.go(-1) 替代 back() 的场景
history.go(-1) 和 history.back() 行为一致，但前者更灵活：可以传入任意整数，比如 history.go(-2) 跳过上一页、直回前两页，history.go(1) 相当于前进。
实际开发中，go() 更适合封装通用导航逻辑，比如面包屑里的「返回上三级」功能。但它和 back() 一样，依赖历史栈长度 —— 若栈中不足对应层级，调用会静默忽略。
立即学习“前端免费学习笔记（深入）”；
- 避免硬编码
-1，建议先检查window.history.length（注意该值包含当前页，所以「可后退步数」其实是history.length - 1） - 在单页应用（SPA）中，如果用
pushState手动管理历史，go(-1)仍有效，但需确保状态已正确注入
防止后退到登录页或敏感页的简单拦截
有些页面（如后台系统）不希望用户通过后退键回到登录页或空会话页。纯前端无法真正「禁用」后退，但可以监听并重定向：
if (window.performance && window.performance.navigation) {
if (window.performance.navigation.type === window.performance.navigation.TYPE_BACK_FORWARD) {
// 检测到是后退操作，可跳转到首页或提示
window.location.href = '/dashboard';
}
}更可靠的方式是结合服务端 session 状态 + 前端路由守卫（如 Vue Router 的 beforeEach 或 React Router 的 useNavigate + location.key 判断）。单纯靠 onpopstate 容易漏掉非 JS 触发的后退（比如地址栏手动改 URL 后点返回）。
-
performance.navigation已废弃，新项目建议用performance.getEntriesByType('navigation')获取最近导航类型 - 不要用
history.pushState+replaceState反复覆盖来“屏蔽”后退 —— 这会让用户彻底失去退出路径，体验极差
Vue/React 项目里别直接调 history.back()
在使用前端路由库的项目中，直接调 history.back() 可能绕过路由守卫、不触发组件更新，甚至破坏路由状态（比如 Vue Router 的 keep-alive 缓存失效）。
应优先使用框架提供的导航方法：
- Vue Router 4+：
router.back()（推荐），或router.go(-1) - React Router v6：
navigate(-1)（来自useNavigate），不是history.go(-1) - Next.js：
router.back()（useRouter钩子提供）
这些方法内部仍调用原生 history API，但会同步触发路由生命周期、保持状态一致性。混用原生 history 和框架路由是调试时最常见的跳转异常来源。
