为什么返回顶部按钮,按第一次起作用回到了顶部,按第二次却不起作用了?

为什么返回顶部按钮,按第一次起作用回到了顶部,按第二次却不起作用了?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>b</title>
    <style type="text/css">
        .box1{height: 1400px;background: #ccc;}
        .box2{height: 1400px;background: #666;}
    </style>
</head>
<body>
    <div class="box1" id="top"></div>
    <div class="box2"></div>
    <input type="button" name="btn" value="返回顶部">
    <script type="text/javascript">
        // console.log(location.href);
        // console.log(location.hash);
        var btn=document.getElementsByTagName('input')[0];
        btn.onclick=function(){
           location.hash='#top';
        }
    </script>
</body>
</html>


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

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

1回答
浑俗和光233 2018-12-17 14:17:38

返回顶部和地址栏里面就有了#top

  • 返回顶部后地址栏里面就有了#top
    2018-12-17 14:18:10
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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