在 JavaScript 中，window 的 'history' 对象包含了关于浏览器会话历史的信息。它包含当前会话中已访问过的 URL 列表。
'history' 对象是 'window' 对象的一个属性。history 属性可以在引用其所有者对象（即 window 对象）的情况下访问，也可以不引用。
通过使用 'history' 对象的方法，你可以回到浏览器会话中的前一个、后一个或者特定的 URL。
History 对象方法
window history 对象提供了有用的方法，允许我们在历史列表中前后导航。
遵循以下语法来在 JavaScript 中使用 'history' 对象。
window.history.methodName();
或者，
history.methodName();
你可以使用 window 对象来访问 history 对象。
JavaScript History back() 方法
JavaScript history 对象的 back() 方法加载历史列表中的前一个 URL。
语法
遵循以下 back() 方法的语法。
history.back();
示例
在下面代码的输出中，你可以点击 'go back' 按钮回到前一个 URL。它就像浏览器的后退按钮一样工作。
<html>
<body>
<p>点击 "Go Back" 按钮加载前一个 URL</p>
<button onclick="goback()">Go Back</button>
<p id="output"></p>
<script>
function goback() {
history.back();
document.getElementById("output").innerHTML += "如果存在的话，你将会回到前一个 URL";
}
</script>
</body>
</html>
JavaScript History forward() 方法
forward() 方法将你带到下一个 URL。
语法
遵循以下 forward() 方法的语法。
history.forward();
示例
在下面的代码中，点击按钮去到下一个 URL。它像浏览器的前进按钮一样工作。
<html>
<body>
<p>点击 "Go Forward" 按钮加载下一个 URL</p>
<button onclick="goforward()">Go Forward</button>
<p id="output"></p>
<script>
function goforward() {
history.forward();
document.getElementById("output").innerHTML = "如果存在的话，你将会前进到下一个 URL。"
}
</script>
</body>
</html>
JavaScript History go() 方法
go() 方法将你带到浏览器会话中的特定 URL。
语法
遵循以下 go() 方法的语法。
history.go(count);
在上述语法中，count 是一个数值，表示你想访问的页面。
示例
在下面的代码中，我们使用 go() 方法从当前网页移动到第二个前一页。
<html>
<body>
<p>点击下面的按钮加载第二个前一页的 URL</p>
<button onclick="moveTo()">移到第二个前一页的 URL</button>
<p id="output"></p>
<script>
function moveTo() {
history.go(-2);
document.getElementById("output").innerHTML = "如果存在的话，你将会移动到第二个前一页的 URL。";
}
</script>
</body>
</html>
示例
在下面的代码中，我们使用 go() 方法从当前网页移动到第二个下一页。
<html>
<body>
<p>点击下面的按钮加载第二个下一页的 URL</p>
<button onclick="moveTo()">移到第二个下一页的 URL</button>
<p id="output"></p>
<script>
function moveTo() {
history.go(2);
document.getElementById("output").innerHTML = "如果存在的话，你将会移动到第二个下一页的 URL。";
}
</script>
</body>
</html>
完整的 window history 对象参考
包括属性和方法的历史对象参考如下：
History 对象属性列表
| 属性 |
描述 |
length |
返回对象的长度，代表对象中存在的 URL 数量。 |
History 对象方法列表
| 方法 |
描述 |
back() |
将你带到前一个网页。 |
forward() |
将你带到下一个网页。 |
go() |
可以带你去一个特定的网页。 |