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

• ​​前言​​
• ​​# 的效果​​
• ​​javasrcipt:; 的效果​​

前言

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

# 的效果

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

javasrcipt:; 的效果

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

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