最新推荐文章于 2024-06-25 13:02:34 发布

eminent W

最新推荐文章于 2024-06-25 13:02:34 发布

阅读量1.9k

点赞数

分类专栏：前端文章标签： JS返回上一页下一页功能返回上一页返回下一页

本文链接：https://blog.csdn.net/qq_44024359/article/details/101011993

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

返回上一页JS代码

按钮可表示为返回上一页

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<head>
<script>
function goBack()
{
    window.history.back()
}
</script>
</head>
<body>
 
<input type="button" value="Back" onclick="goBack()">
 
</body>
</html>

返回下一页JS代码

按钮可表示为返回下一页

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function goForward()
{
    window.history.forward()
}
</script>
</head>
<body>
 
<input type="button" value="Forward" onclick="goForward()">
 
</body>
</html>

另一种方法表示（可以用 history.go() 这个方法来实现向前，后退，刷新的功能）

function a(){
    history.go(1);  // go() 里面的参数表示跳转页面的个数 例如 history.go(1) 表示前进一个页面
}
function b(){
    history.go(-1);  // go() 里面的参数表示跳转页面的个数 例如 history.go(-1) 表示后退一个页面
}
function a(){
    history.go(0);  // go() 里面的参数为0,表示刷新页面
}