Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 IE6 a标签点击切换图片的问题分析

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

发布时间:2014-09-24   编辑:www.jquerycn.cn
为大家介绍如何解决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;就行。

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

您可能感兴趣的文章:
IE6 a标签点击切换图片的问题分析
jquery submit ie6下失效的原因分析及解决方法
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
橘子浏览器如何设置打开新网页时可以直接切换到新选项卡界面进行网页内容浏览?
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
IE6下JS动态设置图片src地址的问题
a链接触发js函数innerHTML中图片无法加载的解决方法
切片 里面包含interface_Golang数据结构详解之切片
javascript 简洁的图片幻灯切换效果代码

[关闭]