5-4请老师检查
来源：5-4 编程练习
慕妹2075046
2019-07-09 12:15:17
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>location方法</title>
</head>
<body>
<a href="file:///C:/Users/luke/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/2.html">前往页面2</a>
<script type="text/javascript">
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>location方法2</title>
</head>
<body>
<a href="file:///C:/Users/luke/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/3.html">前往页面3</a>
<input type="button" value="回1" id="ck">
<script type="text/javascript">
var back1=document.getElementById("ck");
back1.onclick=function(){
window.history.go(-1);
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>location方法3</title>
</head>
<body>
<input type="button" value="回1" id="btn1">
<input type="button" value="回2" id="btn2">
<script type="text/javascript">
var back1=document.getElementById("btn1");
var back2=document.getElementById("btn2");
back1.onclick=function(){
window.history.back(-2);
}
back2.onclick=function(){
window.history.back(-1);
}
</script>
</body>
</html>
1回答
-
好帮手慕夭夭
2019-07-09
你好同学，代码中有两个问题，如下修改：
1.路径不建议使用绝对路径，例如老师在测试的时候，html文件没有放在代码中指定的C盘的位置，这样就会找不到文件。在实际开发中，一般使用相对路径更好，如下：
把3个html文件放在一个文件夹中，那么同一个目录下引用，直接写成如下即可：
2.back() 方法可加载历史列表中的前一个 URL，但是页面1点击到页面3，中间还有一个页面2，即页面3点击返回的上一个历史记录为页面2。所以点击页面3返回不了页面1. 要使用go()方法，因为它可以返回历史列表中的某个具体的页面。如下修改：
祝学习愉快，望采纳。
0
