a标签里的href=#与href=javascriptvoid(0)的区别

场景描述：今天选规格的时候发现每次选完，页面都会重新置顶。
初始代码为：

<a href="#" class="heng labelbtn labelbtn-default <if condition='$j eq 1'>actived</if>" role="button" value="{$spec.spec_id}">{$spec.value}</a>

修改后的代码为：

<a href="javascript:void(0)" class="heng labelbtn labelbtn-default <if condition='$j eq 1'>actived</if>" role="button" value="{$spec.spec_id}">{$spec.value}</a>

问题解决。
百度原因：
＃”包含了一个位置信息
默认的锚点是＃top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首
而javascript:void(0) 则不是如此

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容