IE6中a标签的href属性和 onclick事件的兼容性问题

链接的 onclick 事件被先执行,其次是 href 属性下的动作;假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值。如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可以防止不必要的页面跳动; 
当在IE6中,如下

<a href="javascript:void(0)" onclick="fn(this)"> 
IE6下上面的onclick事件不会被响应,换成下面的就OK了,加上return false

<a href="javascript:void(0)" onclick="fn(this) ; return false;"> 请求的链接是用的 A 标签,A上同时写了href和onclick事件。对于链接 A 标签而言,当用户鼠标单击的时候,A对象被触发时会首先去执行onclick部分,然后是href,如果是ie6的话,执行onclick,发出http请求。瞬时又执行href,这时ie6就会abort前一个请求。

解决方法就是:

直接把onclick事件写在href中:href="javascript:do()" 
还有一种解决方案:<a href="javascript:void(0)" onclick="do();return false;">Hello World</a>
这样是忽略了href部分,这对于通过onclick传递this,或者无法避开a对象时都有用。

posted @ 2013-07-22 12:12  一个人画圈  阅读(1139)  评论(0编辑  收藏  举报