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

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

<!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 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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