有关HTMl中a标签跳转到顶部的解决办法

Posted 2021-09-04 算法与编程之美

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

问题描述

<a>标签在html中是可以实现页面的跳转。它的定义是 ：标签用于定义超链接，超链接可以让用户从一个网页跳转到另一个网页。其属性如下：

其中经常会用到的href标签的形式 “<a href=’你想跳转到的页面’> <a>”

一些常见的形式：

<a href="#"> 点击链接后，页面会向上滚到页首，#包含一个位置信息 默认锚点为 #TOP及页面顶部

<a href="javascript:void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接

<a href="#" οnclick="javascript:return false;"> 作用同上，不同浏览器会有差异。

 若点击链接后，不想使页面滚到页首，就用href="javascript:void(0)"，不要用href="#"，return false也有类似作用。具体为

1：<a href="####"></a>

2：<a href="javascript:void(0)"></a>

3：<a href="javascript:void(null)"></a>

4：<a href="#" οnclick="return false"></a>

结语

一般每个标签的默认值都会有一些不想要的效果，那就是需要去解决学习的地方。

 

实习编辑：李欣容

稿件来源：深度学习与文旅应用实验室（DLETA）