History 状态与前进后退 | 星雨笔录

使用 History API 管理同页导航状态。

核心: history.pushState 修改当前页历史记录但不自动发网络请求,popstate 用于响应前进后退。

最小示例:

history.pushState({ tab: 2 }, '', '?tab=2');
window.addEventListener('popstate', e => console.log(e.state));

学完能做: 使用 History API 管理同页导航状态。