<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放在第一个页面里才可以!如果换成这样的话,局部刷新不会出现那种问题。