a标签属性href中#和javasrcipt:；的区别

最新推荐文章于 2022-11-20 09:31:19 发布

阿松爱睡觉

最新推荐文章于 2022-11-20 09:31:19 发布

阅读量393

点赞数 2

文章标签： html5 html javascript css

本文链接：https://blog.csdn.net/xks18232047575/article/details/120805654

版权

本文探讨了在HTML a标签中使用#和javascript:;作为href属性时的区别。#会导致页面滚动到顶部，而javascript:;则完全无反应，保持页面状态不变。在用户体验和开发中，使用javascript:;更为合适。

摘要由CSDN通过智能技术生成

前言

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

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

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

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

关注