为了给一个<a />标签绑定javascript,但又不让它跳转链接,大家习惯上用的都是
<a href="javascript:;" οnclick="test();">第一种</a>
<a href="javascript:void(0);" οnclick="test();">第二种</a>
<a href="#" οnclick="test();">第三种</a>
而结果呢,几乎每一种用法都会有所问题
第一种和第二种似乎没有区别,似乎也是最常用,但IE6下,点击的瞬间,会中止后续资源的载入,如果页面上存在着gif动画,那么,在点击这个链接的一瞬间,页面上的gif将会被中止。这会是很杯具的体验。
第三种虽然在IE6下面,gif动画不会被中止,但在各个浏览器下,点击了链接之后,都会被跳回页首。其实它就是一个空锚点,被跳到页首。这对于有滚动条的页面,似乎也是一个杯具的体验。
于是当时经过试验,使用了第四种方法:
<a href="###" οnclick="test();">第四种</a>