<a>标签中href="javascript:;"

最新推荐文章于 2024-05-31 11:26:44 发布

时清云

最新推荐文章于 2024-05-31 11:26:44 发布

阅读量1.4k

点赞数 1

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

本文链接：https://blog.csdn.net/xiaolinlife/article/details/67638806

版权

javascript 专栏收录该内容

108 篇文章 2 订阅

订阅专栏

<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>绑定一个事件回调，来执行业务，如：

 
      document.getElementById('jsPswEdit').addEventListener('click', function(e) { 
     
        e.preventDefault(); 
     
        // 当<a>触发click时，处理业务 
     
      }, false);