方法 功能描述 参数说明 示例代码
back() 加载历史记录中的前一个 URL,等同于点击浏览器后退按钮。 无参数 history.back();// 后退到上一页
forward() 加载历史记录中的下一个 URL,等同于点击浏览器前进按钮。 无参数 history.forward();// 前进到下一页
go() 在历史记录中跳转指定步数,正数前进、负数后退、0 刷新当前页。 整数步数(可选) history.go(-1);// 后退一步
history.go(1);// 前进一步
pushState() 将新的状态添加到历史记录栈末尾,更新 URL 但不加载页面。 state, title, url(可选) history.pushState({page: 2}, '', '/bar.html');// 添加新状态
replaceState() 替换当前历史记录的状态,更新 URL 但不添加新条目。 state, title, url(可选) history.replaceState({page: 3}, '', '/bar2.html');// 替换当前状态

demo

https://codepen.io/yang-wang-the-typescripter/pen/EaKjQRR