老师,如果我是直接从页面1到页面3,那么页面3回退就有问题了,如果这里回退要先进行判断上个页面是几,这里该怎么写呢?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面1</title>
</head>
<body>
<h2>我是页面1</h2>
<a href="./页面2.html">去页面2</a>
<a href="./页面3.html">去页面3</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>我是页面2</h2>
<a href="javascript:history.back();">回退到页面1</a>
<a href="./页面3.html">去页面3</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>我是页面3</h2>
<button id="btn1">返回页面1</button>
<button id="btn2">返回页面2</button>
<script>
var n = document.getElementById('btn1');
var t = document.getElementById('btn2');
n.onclick = function() {
history.go(-2);
}
t.onclick = function() {
history.go(-1);
}
</script>
</body>
</html>
正在回答
同学你好,使用window.history.length判断浏览了几个页面,然后再设置相应的回退步数即可,具体设置如下:

演示效果:
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星