JavaScript 历史

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

JavaScript 历史对象的介绍。

当您启动 Web 浏览器并打开一个新网页时，Web 浏览器会在其历史堆栈中创建一个新条目。

如果您导航到另一个网页，Web 浏览器也会在其历史堆栈中创建一个新条目。

历史堆栈存储您访问的当前页面和之前页面。

要操作历史堆栈，您需要使用 history 对象，它是 window 对象的一个属性。

window.historyCode language: JavaScript (javascript)

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

使用 JavaScript 历史记录进行导航

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

•  back()
•  forward()
•  go()

向后移动

要向后浏览历史记录，请使用 back() 方法。

window.history.back();Code language: CSS (css)

或者

history.back();Code language: CSS (css)

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

向前移动

类似地，您可以使用 forward() 方法向前移动。

history.forward();Code language: CSS (css)

它就像单击“前进”按钮。

移动到历史记录中的特定 URL

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

例如，要向后移动，请使用

history.go(-1);Code language: CSS (css)

它就像 back() 方法。

要向前移动一个页面，只需调用

history.go(1)Code language: CSS (css)

要刷新当前页面，请将 0 或不带参数传递给 go() 方法。

history.go(0);
history.go();Code language: CSS (css)

要确定历史堆栈中 URL 的数量，请使用 length 属性。

history.lengthCode language: CSS (css)

摘要

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