javascript 有哪些方法可以实现点击“按钮”页面返回顶部呢?


摘要:
下文讲述js中使用按钮将页面返回顶部的三种方法分享

在web开发中(尤其是电商网站),这些长页面中,几乎都会在浏览器底部加入“返回顶部”按钮,
下文讲述实现 按钮点击 “回到顶部”的三种方法,如下所示:

方法1:在顶部加入一个锚点,然后按钮中链接到锚点上

在html页面的顶部增加一个隐藏的锚点
<a name=”top”>顶部–需隐藏</a>
在浏览器底部加入一个超链接链接到锚点
<a href=”#top”>回到顶部</a>


方法2:生成一个超链接标签,链接地址指向”#”

在浏览器底部加入一个超链接链接到空链接,当我们点击时,会自动回到页面首页
<a href=”#”>回到顶部</a>


方法3:使用Javascript 设置scrollTop =0

在浏览器底部加入一个按钮,触发js事件

   <input type='button' value='回到顶部'  onclick='backtop()'   />   
   
   <script>

    function backtop(){
	   
      document.documentElement.scrollTop = 0;
	}
 
   </script>