history.back() 最简写法为 <button onclick="history.back()">返回上一页</button>，但不检查历史栈，若 history.length ≤ 1（如书签打开）则静默失败；稳妥做法是先判断 history.length > 1 再调用，否则跳转默认页或使用 referrer 兜底。
点击按钮触发 history.back() 最简写法
直接用 <button onclick="history.back()">返回上一页</button> 就能工作，但要注意：这个调用不检查历史栈是否为空。如果用户是从书签或新标签页打开当前页，history.back() 会静默失败（不报错，也不跳转），页面无反应。
更稳妥的做法是先判断：<button onclick="if (history.length > 1) history.back(); else window.location.href = '/'">返回</button>
history.back() 和 history.go(-1) 有区别吗？
没有实质区别，两者都等价于“前进/后退一步”，底层调用相同逻辑。但 history.go(-1) 更显式，可读性略好；而 history.back() 是语义化封装，更贴近意图。
注意：history.go(0) 是刷新当前页，history.go(1) 是前进一页 —— 这些值依赖浏览器历史栈实际长度，不是绝对安全的“跳转”手段。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
为什么有时点击没反应？常见原因
- 当前页是站点入口（比如从搜索引擎直接进入），
history.length === 1，调用history.back()无效 - 页面启用了
pushState或replaceState，但未正确维护历史状态，导致栈行为异常 - 按钮被包裹在
<form>内且没阻止默认提交，点击时触发表单提交而非执行 JS - 使用了框架（如 React/Vue）的路由，原生
historyAPI 不再管理导航，应改用框架提供的router.back()方法
替代方案：用 document.referrer 做兜底
当 history.back() 不可靠时，可以读取 document.referrer 拼接跳转，但要注意跨域限制 —— 如果来源是不同源的页面（如从百度搜索结果点进来），该字段为空字符串。
立即学习“前端免费学习笔记（深入）”；
示例：<button onclick="const ref = document.referrer; if (ref && ref !== window.location.href) window.location.href = ref; else history.back();">返回</button>
实际项目中，真正健壮的“返回”逻辑往往需要结合路由状态、来源标记（如 URL 参数 ?from=xxx）来判断，单纯依赖 history API 容易在 SPA 场景下失效。
