老师，为什么页面3实现的效果不对呢？
来源：3-3 编程练习
新奥时代
2020-06-17 14:58:53
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="lianxi2.HTML">前往页面2</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="lianxi3.HTML">前往页面3</a>
<input type="button" value="回到页面1" id="btn1">
<script>
var btn1=document.getElementById("btn1");
btn1.onclick=function(){
history.back();
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="button" value="回到页面1" id="btn2">
<input type="button" value="回到页面2" id="btn3">
<script>
var btn2=document.getElementById("btn2");
btn2.onclick=function(){
history.go(-2);
}
var btn3=document.getElementById("btn3");
btn2.onclick=function(){
history.go(-1);
}
</script>
</body>
</html>
1回答
-
同学你好，3页面中点击事件都绑定在了btn2按钮上，相同的事件进行覆盖，btn2按钮绑定的是最后一个点击事件，所以效果上有问题。参考修改
自己再测试下，祝学习愉快！
0
相似问题