js实现浏览器中的前进、后退按钮

最新推荐文章于 2025-02-24 10:37:46 发布

若年封尘

最新推荐文章于 2025-02-24 10:37:46 发布

阅读量1.2w

点赞数 6

分类专栏：前端 # JavaScript 文章标签： js history.back() history.forward() 浏览器前进后退

本文链接：https://blog.csdn.net/zag666/article/details/102566098

版权

前端同时被 2 个专栏收录

133 篇文章

订阅专栏

JavaScript

46 篇文章

订阅专栏

JavaScript中window.history 对象包含浏览器历史，history.back()等同于在浏览器点击后退按钮
，history.forward() 等同于在浏览器中点击前进按钮。

history.back() 方法

加载历史列表中前一个 URL，相当于在浏览器中点击后退按钮。

在页面中创建后退按钮：

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

history forward() 方法

加载历史列表中下一个 URL，这等同于在浏览器中点击前进按钮。

在页面中创建前进按钮：

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