a标签中路径“#”和“javasrcipt:;”的区别

前言

在a标签中如果想要超链接无跳转无反应,我们通常会给标签的href属性填写预留值 #javasrcipt:; ,二者看似效果一样,实际上还是存在细微的区别。

# 的效果

超链接无页面跳转,但是点击之后无论现在的页面位置是处在何处页面,页面都会返回至顶端。日常浏览页面中会降低用户的体验感,开发人员在开发中也会多多少少影响到调试页面。

javasrcipt:; 的效果

链接点击之后也是无跳转,而且页面无反应,像没点击过链接一样,页面位置也不会返回顶端,纯纯的无效果。所以在开发中运用 javascript:; 会更棒一些,无论从用户体验还是开发人员开发。

<!--虽然不跳转,但页面会返回顶端-->
<a href="#">我是#</a>
<!--页面纯纯的无效果-->
<a href="javasrcipt:;">我是javasrcipt:;</a>