编辑这个页面须要登录或更高权限!

JS Window History

window.history对象包含浏览器的历史记录。

history对象

window.history对象包含浏览器会话历史记录,在当前框架或窗口中访问的所有页面的列表。

window.history可以编写没有窗口前缀的对象。

一些实例:

下一节将向您展示如何获取用户浏览历史记录的信息。

但是,为了保护用户的隐私,JavaScript如何访问此对象存在一些限制。

获取访问的页面数

history.length属性返回浏览器会话历史记录中当前窗口的页面数。

它还包括当前加载的页面。

var result = history.length; // 返回当前会话历史记录的大小.
测试看看‹/›

您可以使用此属性来找出用户在当前浏览器会话期间访问了多少页面。

返回上一页

history.back()方法将历史记录列表中的上一个URL加载。

这与在浏览器中单击“后退按钮”相同。

<button onclick="history.back();">后退</button>
测试看看‹/›

上面的代码将显示以下输出:

前进到下一页

history.forward()方法将在历史记录列表中加载下一个URL。

这与在浏览器中单击“转发按钮”相同。

<button onclick="history.forward();">前进</button>
测试看看‹/›

上面的代码将显示以下输出(如果历史记录列表中不存在下一页,则此示例将不起作用):

转到特定页面

您还可以使用history.go()方法从会话历史记录中加载特定页面。

此方法将整数作为参数。

负整数在历史记录中向后移动,正整数在历史记录中向后移动。

<button onclick="history.go(-2);">后退2页</button>
测试看看‹/›

上面的代码将显示以下输出:

注:如果您试图访问在Windows历史上不存在的页面,那么该方法history.back()history.forward()history.go()不会有任何动作。

JavaScript菜鸟教程
JavaScript 对象
JavaScript 函数
JS HTML DOM
JS 浏览器BOM
AJAX 菜鸟教程
JavaScript 参考手册