请老师检查，回退不到页面1，谢谢
来源：2-11 编程练习
叫我丽红
2021-06-23 10:16:25
相关代码：
页面1：
<!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>
<h1>我是页面1</h1>
<a href="练习2-11页面2.html">前往页面2</a>
</body>
</html>
相关代码：
页面2：
<!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>
<h1>我是页面2</h1>
<button id="btn">回到页面1</button>
<a href="练习2-11页面3.html">前往页面3</a>
<script>
var btn = document.getElementById('btn');
// 添加事件监听
btn.onclick = function(){
history.back();
}
</script>
</body>
</html>
相关代码：
页面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>Document</title>
</head>
<body>
<h1>我是页面3</h1>
<button id="btn1">回到页面1</button>
<button id="btn2">回到页面2</button>
<script>
var btn1 = document.getElementById('btn1');
var btn2 = document.getElementById('btn2');
// 添加事件监听
btn1.onclick = function(){
history.go(-2);
}
btn2.onclick = function(){
history.go(-1);
}
</script>
</body>
</html>
写回答
1回答
-
好帮手慕然然
2021-06-23
同学你好，老师测试了一下，页面2和页面3中的代码都是可以回退到页面1的。
但是在页面3中回退到页面1，需要从页面1开始依次打开页面2、页面3，因为go() 方法用于加载历史列表中的某个具体的页面，页面1需要在此历史列表中。
如果先打开页面2，再打开页面3，此时页面1不在历史列表中，是无法在页面3通过history.go(-2)回退到页面1的。
祝学习愉快！
0
相似问题