关于火狐和IE下href=”javascript:void(0)”兼容性的问题1、gooood个人博客网站seo今天在开发中发现,使用如下方式的链接。2、在Chrome中点击后行为符合预期,但在IE下会新开标签卡(根据参考资料,Firefox中有相同问题)。3、?经过排查,发现是href=”javascript:void(0);”导致的问题,
关于火狐和IE下href=”javascript:void(0)”兼容性的问题
1、gooood个人博客网站seo
今天在开发中发现,使用如下方式的链接。
2、在Chrome中点击后行为符合预期,但在IE下会新开标签卡(根据参考资料,Firefox中有相同问题)。
3、?
经过排查,发现是href=”javascript:void(0);”导致的问题,本来javascript:void(0);的用处是不用整体刷新网页且返回一个空值,但这儿由于DOM本身的冒泡事件所以会最后执行HREF属性内的javascript:void(0);导致执行函数返回了一个空值,所以覆盖掉了前面正常执行函数所返回的值引起的错误。
4、
一般情况下,IE会先运行DOM本身绑定的事件,如ONCLICK;如果没有阻止冒泡,则会顺序执行HREF属性。
5、如果想正确运行,可以在前面用RETURN FALSE终止冒泡,例如:
onclick=”return false;”
? ?href=”javascript:void(0);”>
或者直接删去也行,如:
原因在于三款浏览器,对三个属性的处理顺序不同。
标签
关于
火狐
href
javascript
void
兼容
创业项目群,学习操作 18个小项目,添加 微信:niuben22 备注:小项目!
如若转载,请注明出处:https://www.tjman.cn/21900.html