空链接，a标签herf属性，href=“#” 或者 href=“javascript:void(0)；” 或者href=“javascript:；“ 区别

天宫之皓月

已于 2022-05-06 09:58:45 修改

阅读量1.6k

点赞数

分类专栏： html 文章标签： javascript html 前端

于 2022-05-05 21:02:27 首次发布

本文链接：https://blog.csdn.net/micr_cai/article/details/124597435

版权

本文介绍了a标签在设置空链接时，使用`href="#"`、`href="javascript:void(0);"`以及`href="javascript:;"`之间的区别。`#`代表一个位置信息，默认锚点为#top，不会刷新页面。而`javascript:void(0)`和`javascript:;"`主要在执行效果和性能上有细微差异，前者执行0并返回undefined，后者直接返回undefined，但解析过程有所不同。此外，两者在字符占用上也存在差别。

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

# 包含了一个位置信息，默认的锚是 #top 也就是网页的上端。

href=“javascript:void(0);” 和 href="javascript:;" 的区别

参考：

我们在使用a标签的空链接时，通常写为 href=“#” 或者 href=“javascript:void(0);” 或者href="javascript:;"

# 包含了一个位置信息，默认的锚是 #top 也就是网页的上端。

如果#+几个#或乱写其他字符，在页面上找不到锚点就不会发生跳转

<!-- 如果页面上没有 id为## 和 a标签name属性为## 的话就不会发生跳转 -->
<a href="#biliMainFooter">#</a>
<!-- <a name="##">####</a> -->
<div style="width: 100%; height: 1000px;">sss</div>
<a href="javascript:;">空链接</a>
<a href="###">######</a>

# 的原理就是在url后加上一个锚点信息触发跳转，因为是默认是本页所以不会刷新页面；如果我们配合base标签