<a>标签中href="javascript:;"表示什么意思？？-前端开发-SK-软件技术 | 记录学习历程中遇到的问题

登录注册发帖

解释1.

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

这里的href="javascript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好。

解释2.

javascript: 是一个伪协议，其他的伪协议还有 mail: tel: file: 等等。

javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。

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

document.getElementById('a').addEventListener('click', function(e) {

e.preventDefault();

// 当<a>触发click时，处理业务

}, false);

注：href="javascript:;"就是去掉a标签的默认行为，跟href="javascript:void(0)"是一样的。就是什么都不做的意思。