应先判断 history.length > 1 再执行 history.back()，否则静默失败；优先用 并添加 aria-label；spa 中应使用路由库提供的 back 方法而非原生 history.back()。
点击按钮就执行 history.back()，但页面没反应？
多数情况是 history.back() 被调用了，但浏览器没上一页可退——比如用户直接从书签打开、或这是会话中第一个页面。此时不会报错，只是静默失败。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用
history.length > 1先判断是否有历史记录，再决定是否显示按钮或启用点击 - 不要只依赖
onclick="history.back()"写在 HTML 里，容易忽略上下文；推荐绑定事件监听器，方便加判断逻辑 - 移动端 Safari 对
history.back()的响应有时延迟或不触发，可加location.href = document.referrer || '/'作降级（注意document.referrer可能为空或跨域被截断）
用 <a></a> 标签还是 <button></button>？
语义和可访问性差异很实际：用户按 Tab 导航时，<button></button> 默认可聚焦且支持空格/回车触发；<a></a> 在无 href 时会被跳过，加 href="#" 又会滚到页面顶部。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 优先用
<button type="button"></button>，显式声明类型避免表单提交干扰 - 如果必须用链接样式，用
<a href="javascript:void(0)"></a>或<a role="button"></a>+ 手动加tabindex="0"和键盘事件监听 - 务必加
aria-label="返回上一页"，屏幕阅读器才不会读成“空白按钮”
history.back() 在单页应用（SPA）里失效？
Vue Router、React Router 等接管了 URL 更新，但原生 history.back() 仍操作浏览器历史栈——问题常出在路由未正确 pushState，或组件销毁后状态丢失导致返回页白屏。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 不要绕过路由库直接调
history.back()；Vue 项目用router.back()，React Router v6 用navigate(-1) - 检查是否启用了
scrollRestoration: 'manual'或自定义了scrollBehavior，否则返回时可能卡在错误位置 - 服务端渲染（SSR）场景下，首次加载时
history.length常为 1，需等客户端 hydration 完成后再绑定返回逻辑
要不要加 loading 状态或防重复点击？
看起来多余，但真实场景里用户狂点“返回”很常见——尤其页面响应慢时。而 history.back() 是同步调用，没 loading 概念，但页面切换过程可能卡顿，造成误判。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 按钮点击后立即设
disabled="true"，并在window.onpopstate或路由的onBeforeRouteLeave钩子中恢复（注意：不是onload，因为返回页可能缓存） - 避免用
setTimeout固定延时恢复，不同设备/网络下页面卸载耗时不一致 - 若返回目标页含大量 JS 初始化，考虑在目标页加
performance.navigation.type === 1（已废弃）或用document.visibilityState判断是否“被返回”，提前占位
最麻烦的其实是缓存策略和路由状态同步——这两个点不处理好，按钮本身再漂亮也没用。
