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

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

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

<a href="javascript:void(0)" οnclick="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)" οnclick="do();return false;">Hello World</a>
这样是忽略了href部分,这对于通过onclick传递this,或者无法避开a对象时都有用。

转载于:https://www.cnblogs.com/pengcl/p/3205069.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值