JavaScript |历史对象

window.history对象包含浏览器的历史记录。首先，仅使用历史对象就可以从 window.history 中删除窗口部分。 JS 历史对象包含用户访问的 URL 数组。通过使用历史对象，您可以使用各种方法加载上一个、转发或任何特定页面。
JavaScript 历史对象的属性：

• length：返回用户在该会话中访问的历史 URL 的长度。

JavaScript 历史对象的方法：

• forward()：加载下一页。提供与在浏览器中单击返回相同的效果。
• back()：加载上一页。提供与在浏览器中单击前进相同的效果。
• go()：它在浏览器中加载给定的页码。 history.go(distance)函数提供的效果与在浏览器中按下后退或前进按钮并准确指定要加载的页面相同。

显示 history.back()函数工作的 JavaScript 代码：
代码#1：

GeeksforGeeks back() example


Press the back button


function previousPage() {
    window.history.back();
}


 

输出：

Press the back button Back

点击这里查看代码效果
注意：如果历史列表中不存在上一个页面，则此示例将不起作用。如果单击上面的链接，则会打开新页面，并且当您在该页面上按返回按钮时，它将重定向到您之前打开的页面。

显示 history.forward()函数工作的 JavaScript 代码：
代码#2：

GeeksforGeeks forward() example


Press the forward button


function NextPage() {
    window.history.forward()
}

Press the forward button Forward

注意：如果历史列表中不存在下一页，则此示例将不起作用。当您想在网页中使用前进按钮时，可以使用此代码。它与浏览器的转发按钮完全相同。如果下一页不存在，它将无法工作。

显示 history.go()函数工作的 JavaScript 代码：
go(4) 与按四次前进按钮的效果相同。负值将使您在浏览器中的历史记录中向后移动。go(-4) 与按四次后退按钮的效果相同。
代码#3：

GeeksforGeeks go() example




function NextPage() {
    window.history.go(4);
}


 

注意：如果历史列表中不存在接下来的四页，则此示例将不起作用。