JavaScript History 对象历史记录

在本教程中，您将学习如何使用 JavaScript history 对象访问浏览器的历史记录。

JavaScript history 对象简介

当您启动 Web 浏览器并打开新网页时，Web 浏览器会在其历史记录堆栈中创建一个新的记录。如果您导航到另一个网页，Web 浏览器还会在历史记录堆栈中创建一个新的记录。

历史堆栈存储您访问过的当前页面和之前的页面。要操作历史堆栈，您可以使用 history 对象，它是 window 对象的属性：

window.history

出于安全原因，你可能无法查询用户访问过的页面。但是，您可以使用 history 对象来回导航，而无需知道确切的 URL。

history 对象提供三种在历史堆栈中的页面之间导航的方法：

要向后追溯历史，可以使用 history 对象的 back() 方法：

window.history.back();

或者

history.back();

这就像您单击在 Web 浏览器工具栏中的后退按钮一样。

同样，您可以使用 history 对象的 forward() 方法继续前进，它的工作原理就像单击前进按钮一样。

history.forward();

要移动到历史堆栈中的特定 URL，可以使用 go() 方法。go() 方法接受一个整数，该整数表示与当前页面的相对位置。当前页面的位置是 0。

例如，要向后移动，您可以使用以下代码：

history.go(-1);

就像back()方法一样。

要前进一页，您只需调用：

history.go(1)

要刷新当前页面，您可以向 go() 方法传递 0 参数或不传递任何参数：

history.go(0); 
history.go()

要确定历史堆栈中的 URL 数量，请使用 history 对象的 length 属性：

history.length

window.history 对象允许您访问浏览器的历史堆栈。要导航到历史记录中的 URL，您可以使用 back()、forward() 和 go() 方法。history.length 返回历史堆栈 URL 的数量。