<a>标签中href="javascript:;"表示什么意思？？

最新推荐文章于 2024-05-22 16:22:12 发布

转载最新推荐文章于 2024-05-22 16:22:12 发布 · 1.1k 阅读

文章标签：

#javascript

extjs 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了<a>标签的href属性使用javascript:;和javascript:void(0)的方式阻止默认行为的方法，并探讨了如何通过事件监听器来替代默认动作，执行自定义的JavaScript函数。

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

这里的href="javascript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好。
javascript: 是一个伪协议，其他的伪协议还有 mail:  tel:  file:  等等。
1 <a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a>
javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。

一般在这种情况下，会给<a>绑定一个事件回调，来执行业务，如：
1
2
3
4 document.getElementById('jsPswEdit').addEventListener('click', function(e) {
  e.preventDefault();
  // 当<a>触发click时，处理业务
}, false);
追问
我能不能这样理解：href="javascript:;"就是去掉a标签的默认行为，跟href="javascript:void(0)"是一样的？
追答
是一样的

void 是JavaScript 的一个运算符，void(0)就是什么都不做的意思