HtmlA标签中href和onclick同时使用的问题优先级别
- 时间：2015年04月02日 15:38:29 来源：魔法猪系统重装大师官网 人气：4858
我们在制作网页的时候用得最多的就是 A 标签 超连接
但有时候需要在 A 里同时用到 href 和 onclick属性 下面我们先来分析一下 ，在不同的浏览器下有不同的效果
1 顺序
ie 6 : href 先触发 onclick 后触发
其他浏览器 先触发onlick 后触发 href
2 href="javascript: xxx()"
不能传入this作为参数
onclick可以
3 优先触发的方法如果返回 false 导致后一个事件不被触发
比如
4
会导致页面定位到书签位置，
5
由于 1和 4 的原因
在ie6 下 同时有
6 总结：
1) 在不需要传递this作为方法的参数时候，推荐
只使用href="JavaScript: "
2) 如果需要使用this参数，推荐
ie 6 : href 先触发 onclick 后触发
其他浏览器 先触发onlick 后触发 href
2 href="javascript: xxx()"
不能传入this作为参数
onclick可以
3 优先触发的方法如果返回 false 导致后一个事件不被触发
比如
4
会导致页面定位到书签位置，
5
由于 1和 4 的原因
在ie6 下 同时有
6 总结：
1) 在不需要传递this作为方法的参数时候，推荐
只使用href="JavaScript: "
2) 如果需要使用this参数，推荐
如下面一个列子。
我们需要A在第一次和第二次点击的时候 访问 href 第3次以后的就访问另一个地址
var href=0
function clicka(obj)
{
if (href==2)
{
obj.href="http://www.86p.com/?qc";
}else
{
href++;
}
return true;
}
http://www.fxxz.com/" target=_blank id="showa" onclick="clicka(this)"> 开屏高速下载
