标签响应javascript的href处理

为了给一个<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>