真正可用的前进/后退方案需结合历史栈管理与状态同步：window.history.back()/forward() 仅复现浏览器按钮行为，易丢状态；SPA 应用须用 pushState + popstate 实现无刷新翻页并同步初始参数。
直接调用 window.history.back() 或 window.history.forward() 就能触发浏览器原生前进/后退，但多数实际场景下——尤其是单页应用（SPA）或带参数的翻页——仅靠这两个方法会丢状态、刷页面、无法响应 URL 变化。真正可用的方案得结合历史栈管理与状态同步。
history.back() 和 history.forward() 的真实行为
它们不是“模拟点击”，而是真实复现浏览器地址栏左上角按钮的行为：触发完整导航流程（可能重新加载、走缓存、触发 pageshow/pagehide），且完全依赖当前历史栈长度。
-
window.history.back()等价于window.history.go(-1)，但不能传参；漏掉括号（写成history.back）只会取函数引用，无效果 - 新开标签页、iframe 内页、或 history.length ≤ 1 时调用，静默失败（不报错也不跳转）
-
window.history.forward()实际极少使用——用户很少主动“前进”，更多是监听 popstate 后响应 - 兼容性没问题，IE8+ 全支持，但 SPA 中应优先交由路由库处理（如 Vue Router 的
router.back()）
pushState + popstate 实现无刷新翻页
当你要保持页面不重载、URL 变化可分享、前进/后退能还原内容（比如列表页码、筛选条件），就必须用 pushState 主动写入状态，并用 popstate 监听返回动作。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 每次翻页按钮点击：先算新页码 → 调用
history.pushState({page: 2}, "", "?page=2")→ 发 AJAX → 渲染 DOM - 监听
popstate：从event.state.page拿页码，再加载对应数据；注意首次进入页面时该事件不触发，必须手动解析 URL 参数 - 用
new URL(window.location).searchParams.get("page")解析初始参数，否则用户刷新或直接访问index.html?page=5就回到第 1 页 -
pushState第二个参数（title）在所有现代浏览器中被忽略，统一传空字符串""即可
如何安全禁用后退到敏感页（如登录页）
前端无法真正“阻止”后退，但可以检测后退动作并重定向。靠 onpopstate 不够，因为用户手动改 URL 后点返回不会触发它。
立即学习“前端免费学习笔记（深入）”；
- 更可靠的判断依据是
performance.getEntriesByType('navigation')中最近一次导航的type字段是否为"back_forward" - 简单拦截示例：
if (entry.type === "back_forward" && window.location.pathname === "/login") { window.location.href = "/dashboard"; } - 纯前端方案总有绕过可能，生产环境务必配合服务端 session 校验 + 前端路由守卫（如 React Router 的
useNavigate配合location.key判断） - 别用
replaceState反复覆盖来“掩盖”登录页——这会让用户彻底无法退出，体验极差
最易被忽略的是初始状态同步：无论用 hash、search 参数还是 pushState，只要没在页面加载时主动读取并初始化，分享出去的链接就失效。这不是“功能有没有”，而是“上下文存不存在”的问题。
