a标签使用href=”javascript;void(0);"在火狐和IE中的兼容性问题

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

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

<a target="_blank" class="prev" οnclick="return false;"   href="javascript:void(0);"></a>
或者直接删去也行,如:
<a target="_blank" class="prev"></a>

猜你喜欢

转载自blog.csdn.net/qq_37514029/article/details/84992549