History 对象

History 对象用于在浏览器窗口之间保存浏览历史记录。通过 History 对象，我们可以在浏览器的历史记录中向前或向后导航，以及获取当前窗口的历史状态。

方法

back()

back() 方法用于在浏览器历史记录中向后导航，即回到上一个访问页面。如果历史记录中没有上一个页面，则该方法无效。

history.back();

forward()

forward() 方法用于在浏览器历史记录中向前导航，即前进到下一个访问页面。如果历史记录中没有下一个页面，则该方法无效。

history.forward();

go()

go() 方法用于在浏览器历史记录中导航到指定页面，可以向前或向后导航指定数量的页面。参数为一个整数，负数表示向后导航，正数表示向前导航。

// 向后导航一步
history.go(-1);

// 向前导航两步
history.go(2);

属性

length

length 属性返回当前窗口历史记录中的页面数量，即访问过的页面总数。

console.log(history.length); // 输出当前历史记录中页面的数量

事件

History 对象还支持一些事件，例如 popstate 事件，当用户点击浏览器的前进或后退按钮时触发该事件。

window.addEventListener('popstate', function(event) {
  console.log('History state changed:', event.state);
});

以上就是 History 对象的相关内容，通过使用 History 对象，我们可以更好地管理浏览器的历史记录，实现页面的导航和状态管理。