当前位置:博客首页 > WEB前端 > 前端技巧 > 关于火狐和IE下href="javascript:void(0)"兼容性的问题

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

来源:网络作者:网络发表于:2018-11-21阅读:647

火狐和IE下href="javascript:void(0) 会弹出空白页

关于火狐和IE下href="javascript:void(0)"兼容性的问题_www.chitianyu.com

经过排查,发现是href="javascript:void(0);"导致的问题,本来javascript:void(0);的用处是不用整体刷新网页且返回一个空值,但这儿由于DOM本身的冒泡事件所以会最后执行HREF属性内的javascript:void(0);导致执行函数返回了一个空值,所以覆盖掉了前面正常执行函数所返回的值引起的错误。

一般情况下,IE会先运行DOM本身绑定的事件,如ONCLICK;如果没有阻止冒泡,则会顺序执行HREF属性。如果想正确运行,可以在前面用RETURN FALSE终止冒泡,例如:

<a target="_blank" class="prev" onclick="return false;" href="javascript:void(0);"></a>

或者直接删去也行,如:

<a target="_blank"  class="prev" ></a>
哎呦,不错哦!
(0)
相关阅读