伪链接的差异

2019独角兽企业重金招聘Python工程师标准>>>

<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+工作良好。

转载于:https://my.oschina.net/ankh2008/blog/284674