请老师帮忙检查一下代码,谢谢
来源:2-11 编程练习
廖可爱bongbong
2021-06-08 17:21:48
相关代码:1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--因涉及多个页面,请在本机上写代码,并在自己的浏览器上运行该效果-->
<a href="2.html">前往页面2</a>
</body>
</html>
相关代码:2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--因涉及多个页面,请在本机上写代码,并在自己的浏览器上运行该效果-->
<a href="3.html">前往页面3</a>
<br>
<br>
<button id="btn1">回到页面1</button>
<script>
var btn1 = document.getElementById('btn1');
btn1.onclick = function () {
history.back();
}
</script>
</body>
</html>
相关代码:3.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--因涉及多个页面,请在本机上写代码,并在自己的浏览器上运行该效果-->
<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.back();
history.back();
}
btn2.onclick = function () {
history.back();
}
</script>
</body>
</html>
1回答
同学你好,代码是正确的,页面跳转没问题。继续加油,祝学习愉快!
相似问题