<a> 标签 href和onclick 同时使用的问题

最新推荐文章于 2019-10-12 17:51:15 发布

最新推荐文章于 2019-10-12 17:51:15 发布 · 200 阅读

文章标签：

#IE #JavaScript #浏览器 #ViewUI

本文探讨了HTML中a标签的事件触发顺序问题，特别是在IE6和其他浏览器中的差异。文章还讨论了如何通过不同方式设置链接和点击事件来避免某些浏览器的问题。

1 顺序
ie 6 : href 先触发 onclick 后触发
其他浏览器先触发onlick 后触发 href

2 href="javascript: xxx()"
不能传入this作为参数
onclick可以
<a href="javascript:alert('href event');" onclick="clickevent(this);">

3 优先触发的方法如果返回 false 导致后一个事件不被触发
比如
<a href="javascript:alert('href event');" onclick="clickevent(this); return false;">

4
<a href="#"> 会导致页面定位到书签位置，

5
由于 1和 4 的原因
在ie6 下同时有 <a href="#" 和 onclick的时候由于页面先因为href重新载入了一次，导致 onclick事件被浏览器丢弃。

6 总结：
1) 在不需要传递this作为方法的参数时候，推荐
只使用href="JavaScript: "

2) 如果需要使用this参数，推荐
<a href="javascript:void(0);" onclick="doSomthing(this)" >