<a href="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)就是什么都不做的意思

这个主要用在局部刷新方面;如果连接不这样写的话会出现一种问题,当点击连接进入第二个界面时,如果第二个界面有CSS的话,跳转过去界面不会按照最初的设计加载,必须把CSS放在第一个页面里才可以!如果换成这样的话,局部刷新不会出现那种问题。

posted @ 2015-06-09 09:50  小屁孩988  阅读(837)  评论(0编辑  收藏  举报