美文网首页
2018-12-05a标签使用href=”javascript:

2018-12-05a标签使用href=”javascript:

作者: 众生皆似尘埃啊 | 来源:发表于2018-12-05 14:00 被阅读0次

今天在开发中发现,使用如下方式的链接。在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

相关文章

网友评论

      本文标题:2018-12-05a标签使用href=”javascript:

      本文链接:https://www.haomeiwen.com/subject/mgnicqtx.html