a标签使用href=”javascript:void(0); 在火狐浏览器跟chrome 不兼容
2016-06-22 17:54
405 查看
今天在开发中发现,使用如下方式的链接。在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 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
相关文章推荐
- JavaScript中的垃圾收集机制
- js目标时间与当前时间差转换年月日天数
- JS(高程)最佳实践
- JSON库之性能比较:JSON.simple VS GSON VS Jackson VS JSONP
- c#序列化反序列化工具(json,binary,xml)
- jsp include
- JSON库之性能比较:JSON.simple VS GSON VS Jackson VS JSONP
- js 压缩并解决iphone上传头像偏转
- 在jsp页面输出字符"*"组成的金字塔
- 将目录结构输出为json格式(zTree)
- Ext JS 如何动态加载JavaScript创建窗体
- JSP
- JSON & Perl
- javascript 中继承实现方式归纳
- ExtJs数据分组(GroupingView)
- 利用js在页面上有隐藏html
- JS基本变量与异常处理
- 8种json数据查询方式
- javaScript中的this的使用
- JS中连等赋值操作使用注意事项(a=b=c)