JavaScript中BOM历史记录操作主要通过window.history对象实现，包括back()、forward()模拟浏览器按钮，go(n)灵活跳转，以及pushState()/replaceState()用于SPA无刷新路由，并需监听popstate事件响应状态变化。
JavaScript 中 BOM 的历史记录操作主要通过 window.history 对象实现，它提供了前进、后退、跳转等方法，但需注意浏览器安全限制和单页应用（SPA）中的特殊用法。
history.back() 和 history.forward()：模拟浏览器按钮
这两个是最直接的页面导航方式：
- history.back()：等效于点击浏览器“后退”按钮，返回上一个访问的页面（即 history 栈中前一项）
- history.forward()：等效于点击“前进”按钮，进入下一个页面（history 栈中后一项）
它们不接受参数，调用后立即触发导航。若无法前进或后退（例如已在栈底或栈顶），则无效果，也不会报错。
history.go(n)：灵活跳转任意位置
history.go() 接收一个整数参数，表示在历史记录中相对当前位置移动的步数：
立即学习“Java免费学习笔记（深入）”；
-
history.go(-1) 等价于
history.back() -
history.go(1) 等价于
history.forward() - history.go(0) 刷新当前页面（重新加载，不触发新 history 条目）
- 超出历史栈范围（如
go(100)但只有 3 条记录）时，静默忽略
注意：history.pushState() 和 replaceState() 不触发页面跳转
虽然它们属于 history API，但和“前进后退”强相关：
-
pushState(state, title, url)：向历史栈添加一条新记录，不刷新页面，常用于 SPA 路由；之后可配合
back()返回到该状态 - replaceState(state, title, url)：替换当前历史记录，不新增条目，适合更新 URL 但不想让用户退回这一步
使用这些方法后，用户仍可用浏览器原生按钮前进/后退，且会触发 popstate 事件，开发者需监听并响应状态变化：
window.addEventListener('popstate', (event) => {
console.log('当前 state:', event.state);
// 根据 event.state 渲染对应视图
});
实际使用建议
- 普通多页网站中，优先用
back()/forward()，语义清晰、兼容性好（IE8+） - 单页应用必须搭配
pushState()+popstate监听，才能实现无刷新路由与前进后退联动 - 避免在非用户主动操作（如自动定时调用
back()）中使用，可能破坏用户体验 - 移动端 WebView 或某些嵌入式环境可能存在 history 行为差异，建议做降级处理（如 fallback 到
location.href）
