5-4请老师检查

5-4请老师检查

<!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

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕夭夭 2019-07-09 14:06:52

你好同学,代码中有两个问题,如下修改:

1.路径不建议使用绝对路径,例如老师在测试的时候,html文件没有放在代码中指定的C盘的位置,这样就会找不到文件。在实际开发中,一般使用相对路径更好,如下:

把3个html文件放在一个文件夹中,那么同一个目录下引用,直接写成如下即可:

http://img1.sycdn.imooc.com//climg/5d242e8a0001201b04300053.jpg

2.back() 方法可加载历史列表中的前一个 URL,但是页面1点击到页面3,中间还有一个页面2,即页面3点击返回的上一个历史记录为页面2。所以点击页面3返回不了页面1. 要使用go()方法,因为它可以返回历史列表中的某个具体的页面。如下修改:

http://img1.sycdn.imooc.com//climg/5d242edc00019c5a05280144.jpg

祝学习愉快,望采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师