a标签使用href=”javascript:void(0); 在火狐浏览器跟chrome 不兼容
2017-11-30 10:01
1146 查看
使用如下方式的链接。在Chrome中点击后行为符合预期,但在IE下会新开标签卡(根据参考资料,Firefox中有相同问题)。
<a href=”javascript:void(0);” target=”_blank”>test</a>
后经查找资料,发现需如下解决。
通过onclick阻止浏览器默认事件:<a onclick=”return false;” href=”javascript:void(0);” target=”_blank”>test</a>
或直接:<a target=”_blank”>test</a>
原因在于三款浏览器,对三个属性的处理顺序不同。
Chrome顺序:onclick -> href -> target
IE和Firefox顺序:onclick -> target -> href
<a onclick="fn()">Does not appear as a link, because there's no href</a>
<a href="javascript:void(0)" onclick="fn()">fn is called</a>
<a href="javascript:undefined" onclick="fn()">fn is called</a>
<a href="javascript:" onclick="fn()">fn is called too!</a>
<a href=”javascript:void(0);” target=”_blank”>test</a>
后经查找资料,发现需如下解决。
通过onclick阻止浏览器默认事件:<a onclick=”return false;” href=”javascript:void(0);” target=”_blank”>test</a>
或直接:<a target=”_blank”>test</a>
原因在于三款浏览器,对三个属性的处理顺序不同。
Chrome顺序:onclick -> href -> target
IE和Firefox顺序:onclick -> target -> href
<a onclick="fn()">Does not appear as a link, because there's no href</a>
<a href="javascript:void(0)" onclick="fn()">fn is called</a>
<a href="javascript:undefined" onclick="fn()">fn is called</a>
<a href="javascript:" onclick="fn()">fn is called too!</a>
相关文章推荐
- a标签使用href=”javascript:void(0); 在火狐浏览器跟chrome 不兼容
- 关于A标签使用onclick事件的疑问,若是href="#",跳转无反应,以及href=#与href=javascript:void(0)的区别
- a标签中href="#"和href="javascript:void(0);"href跳转使用详细说明
- javascript ie8兼容 a标签href javascript:void(0);
- IE和Firefox下,a标签使用href=”javascript:void(0);”和target=”_blank”行为不符合预期
- 在a标签的href与onclick中使用javascript的区别
- 超链接a标签的href与onclick中使用javascript的区别
- href='#'和href='###'的区别以及javascript:;与javascript:void(0)使用介绍
- a标签href和onclick,javascript:void(0)和javascript:整理
- 在a标签的href与onclick中使用javascript的区别
- 我们为什么要使用 href="javascript:void(0)"
- 在a标签的href与onclick中使用javascript的区别
- 为什么要使用href=”javascript:void(0);”?
- href中使用javascript:void(0)无法执行操作
- IE6中请求莫名中断(条件:a标签,click事件中有ajax请求,a标签中有href且是JavaScript:void(0);或JavaScript:;等阻断跳转代码)
- a标签中的href,onclick,#,javascript:void简要分析 (转载)
- a标签的href属性的javascript:void(0)
- 在a标签的href与onclick中使用javascript的区别
- 在a标签的href与onclick中使用javascript的区别
- 老生常谈:ie6下,a标签href设置javascript:void(0);后绑定的click失效