href="javascript:;"

来源:互联网 发布:linux退出命令行 编辑:程序博客网 时间:2024/06/01 10:50

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);



下面三个意思都一样

  1. <a onclick="fn()">Does not appear as a link, because there's no href</a>  
  2. <a href="javascript:void(0)" onclick="fn()">fn is called</a>  
  3. <a href="javascript:undefined" onclick="fn()">fn is called</a>  
  4. <a href="javascript:" onclick="fn()">fn is called too!</a>  

1 0
原创粉丝点击