关于火狐和IE下href="javascript-void(0)"兼容性的问题

关于火狐和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  备注:小项目

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 1553299181@qq.com 举报,一经查实,本站将立刻删除。
如若转载,请注明出处:https://www.tjman.cn/21900.html