IE6 a标签点击切换图片的问题分析

发布时间:2019-08-02编辑:脚本学堂
为大家介绍如何解决IE6下通过a标签的onclick事件切换图片时,图片无法加载的问题,有需要的朋友,可以参考下。

问题描述:IE6下通过a标签的onclick事件切换某个图片时, 有可能出现图片无法加载问题, httpwatch抓取表现结果是abort。

解决方法:
通常的调用方法是这样的:

复制代码 代码示例:
1、<a href="javascript://" onclick="dosomething()">a1</a>
2、<a href="javascript:void(0)" onclick="dosomething()">a2</a>
3、<a href="###" onclick="dosomething()">a3</a>
 

方法3,dosomething()中切换图片没有问题, 但是href="###" 却带来了另一个问题,占用了锚点,页面URL也不美观。

第1,2种方式虽然没有上面的问题, 但会引发IE6的奇怪bug, dosomething()中图片无法加载.
只要在dosomething();后面增加一个return false;就可以解决了。
如果是绑定事件, 同样在function最后增加return false;就行。

大家在自己的电脑上测试下,看问题是不是解决了呢?