JavaScript Window History

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

Window History

window.history 对象可不带 window 书写。

为了保护用户的隐私，JavaScript 访问此对象存在限制。

一些方法：

history.back() - 等同于在浏览器点击后退按钮
history.forward() - 等同于在浏览器中点击前进按钮

Window History Back

history.back() 方法加载历史列表中前一个 URL。

这等同于在浏览器中点击后退按钮。

在页面中创建后退按钮：

<html>
<head>
<script>
function goBack() {
    window.history.back()
 }
</script>
</head>
<body>
<input type="button" value="回退" onclick="goBack()">
</body>
</html>

运行一下

以上代码的输出将是上一个页面。

Window History Forward

history forward() 方法加载历史列表中下一个 URL。

这等同于在浏览器中点击前进按钮。

在页面中创建前进按钮：

<html>
<head>
<script>
function goForward() {
    window.history.forward()
 }
</script>
</head>
<body>
<input type="button" value="前进" onclick="goForward()">
</body>
</html>

运行一下

以上代码的输出将是下一个页面(如果存在)

History 对象属性

属性	描述
length	返回历史记录列表中的 URL 的索引

History 对象方法

方法	描述
back()	加载历史记录列表中的上一个 URL
forward()	加载历史记录列表中的下一个 URL
go()	从历史记录列表加载特定 URL