a标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL（路径），包括片段标识符和 JavaScript 代码段。

javascript: 是表示在触发默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击时就没有任何反应。这是一个伪协议，其他的伪协议还有 mail:  tel:  file:  等等

一般在这种情况下，会给绑定一个事件回调，来执行业务，如：

执行一段空白的javascript语句，返回空或者false值，从而防止链接跳转。跟当前a标签无关，这段代码始终都会执行。

1、设计一个a链接的代码，让其点击的时候执行一个 alert() 函数：

<a href="javascript:alert('不跳转');">www.w3h5不跳转</a>

2、此时在页面上显示一个a链接效果：

3、点击页面上的a链接，执行结果如上图：

其他防止页面跳转的实现方式：

<a href="#" >test</a>；

点击链接，页面默认上滚到页的顶部， 但可以加上 onclick="return false" ，防止上滚到页的顶部。

<a href="####" >test</a>；

使用2个到4个#，见的大多是 "####" ，也有使用 "#all" 等其他的。一个无意义的标签指定，不做任何处理。

<a href="javascript：void(0);" >test</a>；

javascript:void(0) 表示一个死链接，执行空事件。

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/8313