多语言展示
当前在线:310今日阅读:176今日分享:34

禁止a标签跳到页面顶端的解决办法

为了更好的显示效果,现在网页中很多按钮都是使用标签作为按钮,例如:发 表如果此时网页出现了滚动条,此时单击以上链接按钮,网页就会跳转到最顶端。本文介绍如何阻止这类跳转。
方法/步骤
1

页面跳转原因:首先理解超链接标签的href属性,href指定一个超链接地址,根据w3school的解释,主要接收两类值:1.外部网页地址;2.网页内部锚点。对于锚点,写法:href='#top',默认就是网页顶端。所以href='#'就会被浏览器解释成指向网页最顶端的锚。

2

知道了原因就可以解决了,首先既然浏览器把href='#'解释成一个锚,那么我们就让浏览器理解不了它:将href='#'改为href='###'。此时单击链接就不会发生跳转了。

推荐信息