前端必知必会-JavaScript Window History

最新推荐文章于 2025-04-11 15:50:41 发布

编程岁月

最新推荐文章于 2025-04-11 15:50:41 发布

阅读量524

点赞数 11

分类专栏：前端必知必会文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_24018193/article/details/144592939

版权

前端必知必会专栏收录该内容

392 篇文章

订阅专栏

文章目录

JavaScript Window History
总结

JavaScript Window History

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

Window History

window.history 对象可以不带 window 前缀。

为了保护用户的隐私，JavaScript 访问此对象的方式受到限制。

一些方法：

history.back() - 与在浏览器中单击后退相同
history.forward() - 与在浏览器中单击前进相同

Window History后退

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

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

示例
在页面上创建后退按钮：

<html>
<head>
<script>
function goBack() {
window.history.back()
}
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>

上述代码的输出将是：
在这里插入图片描述

Window History前进

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

这与单击浏览器中的前进按钮相同。

示例
在页面上创建前进按钮：

<html>
<head>
<script>
function goForward() {
window.history.forward()
}
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>