伪链接的差异
博客专区 > XuYuan 的博客 > 博客详情
伪链接的差异
XuYuan 发表于3年前
伪链接的差异
  • 发表于 3年前
  • 阅读 28
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: IE8/9中伪链接与window.unload事件冲突问题的解决
<a href='javascript:;'></a>
<a href='javascript:void(0)'></a> <!--本质上与上一条相同-->

这些都是广泛使用的创建伪链接的方法,在绝大多数情况下他们工作良好。可是如果同时注册了window.unload事件,那么在IE8/9等浏览器中,会先触发unload事件,然后才会触发伪链接上绑定的事件。

比如:

<a href='javascript:;' onclick='alert("OK")>click me</a>
<script>
window.unload = function(){
   return confirm("要离开此页面吗?");
}
</script>

就会先弹出"要离开此页面吗"的提示,然后才会弹出"OK"。而确认离开页面无论点击什么,其实都是没有作用的。我们真正的期望是点击"Click Me"只弹出"OK"。

那么如何解决的?可以使用href='###'替代href='javascript:;'。上面的例子可以修改为:

<a href='###' onclick='alert("OK")>click me</a>
<script>
window.unload = function(){
   return confirm("要离开此页面吗?");
}
</script>

如此即可轻松解决IE8/9中的问题,这一方法同样在Chrome/firefox, IE10+工作良好。



标签: html javascript
共有 人打赏支持
粉丝 14
博文 23
码字总数 11760
×
XuYuan
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: