请问该怎么写

请问该怎么写

请问该怎么写

正在回答 回答被采纳积分+1

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

1回答
好帮手慕星星 2021-03-16 10:14:06

同学你好,练习中给出了任务步骤并且给出了其他同学的思路,可以先看一下:

http://img1.sycdn.imooc.com//climg/605012ee095ab93a05290298.jpg

总的来说就是实现三个页面的跳转,第一个页面中点击链接跳转到第二个页面,第二个页面中点击链接跳转到第三个页面,点击按钮回退到第一个页面;第三个页面中点击两个按钮分别回退到前两个页面。参考:

  • 1.html

    http://img1.sycdn.imooc.com//climg/605013bd09feda9504310092.jpg

  • 2.html

    http://img1.sycdn.imooc.com//climg/6050145609d4555b04670184.jpg

  • 3.html

    http://img1.sycdn.imooc.com//climg/60501463098ed3fa04800293.jpg

自己测试下,祝学习愉快!

  • 提问者 神知 #1

    我反映不过来这个?

    2021-07-25 23:29:19
  • 好帮手慕久久 回复 提问者 神知 #2

    同学你好,解答如下:

    1、此处的逻辑,并不难,建议同学多看几遍老师的回复。编程是一种思维转换,需要同学自己尝试去接受这种思维。有的时候,即使别人给你讲10遍,你如果不接受这种思维,也是白搭的。所以同学要多看几遍回复,静心,尝试理解一下。

    2、练习就是实现三个页面跳转,代码就是“星星”老师提供的那些。同学新建三个html页面,将代码敲出来:

    http://img1.sycdn.imooc.com//climg/60fe23bb09e5916d08650829.jpg

    过程如下:

    第1个页面中,使用a标签实现跳转到页面2:

    http://img1.sycdn.imooc.com//climg/60fe228c0989320904580106.jpg

    第2个页面中,也使用了a标签,实现了跳转到页面3,并且有个按钮,能实现回到页面1:

    http://img1.sycdn.imooc.com//climg/60fe2309098b2f7507810195.jpg

    第3个页面,使用了两个按钮,并用js,实现返回前两个页面:

    http://img1.sycdn.imooc.com//climg/60fe238009c2ef6b06870311.jpg

    同学将代码敲出来后,然后操作一下,将页面效果和回复结合着看,能帮助你理解。

    祝学习愉快!


    2021-07-26 10:54:55
  • 提问者 神知 回复 好帮手慕久久 #3

    老师帮我看下,我2、3页面都回不到1

            <!--页面1-->

            <a href="2.html">前往页面2</a>



        <!--页面2-->

        <a href="3.html">前往页面3</a>

        <button id="btn">回到页面1</button>

        <script>

            var btn=document.getElementById('btn');

            btn.onclick=function(){

                history.go(-1);

            }



        <!--页面3-->

        <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);

            }


    2021-07-27 23:20:14
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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