a标签使用href=”javascript;void(0);"在火狐和IE中的兼容性问题
2018-12-13 17:48
447 查看
火狐和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" onclick="return false;" href="javascript:void(0);"></a>
或者直接删去也行,如:
<a target="_blank" class="prev"></a>
相关文章推荐
- 关于火狐和IE下href="javascript:void(0)"兼容性的问题
- 关于火狐和IE下href="javascript:void(0)"兼容性的问题
- IE和Firefox下,a标签使用href=”javascript:void(0);”和target=”_blank”行为不符合预期
- a标签使用href=”javascriptvoid(0)"在火狐浏览器跟chrome 不兼容
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- a标签使用href=”javascript:void(0); 在火狐浏览器跟chrome 不兼容
- a标签使用href=”javascript:void(0); 在火狐浏览器跟chrome 不兼容
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- a标签中href="#"和href="javascript:void(0);"href跳转使用详细说明
- javascript中a标签把href属性设置为“javascript:void(0)”还是会打开空白页面的问题
- 在head标签里加一个meta标签让指定ie使用特定内核 解决css在ie中的兼容性问题
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
- 关于A标签使用onclick事件的疑问,若是href="#",跳转无反应,以及href=#与href=javascript:void(0)的区别
- javascript:void(0);在火狐、IE中也会跳转到新的页面问题