JavaScript Window History

简介

JavaScript 中的 window.history 对象提供了与浏览器历史记录交互的能力。这个对象是 window 对象的一个属性，允许开发者访问和操作用户在浏览器中的导航历史。通过 window.history，开发者可以实现页面后退、前进以及添加新的历史记录等功能。

基本用法

访问历史记录

• window.history.length：返回历史记录中的条目数量。

导航

• window.history.back()：加载历史记录中的前一个页面。
• window.history.forward()：加载历史记录中的下一个页面。
• window.history.go(delta)：通过指定一个整数（delta）来加载历史记录中的某个页面。例如，history.go(3) 会向前移动三页，而 history.go(-2) 会向后移动两页。

历史状态管理

HTML5 引入了历史状态管理，允许开发者在不刷新页面的情况下添加和修改历史记录。这可以通过以下方法实现：

• window.history.pushState(state, title, url)：添加一个新的历史记录条目。