IE6下通过a标签点击切换图片的问题


Posted in Javascript onNovember 14, 2010

不过, 国内大部分用户还是在用IE6.

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

测试了一下,找到了解决办法.

a标签事件一般情况是这样写的, 也可能是绑定事件, 解决方式一样:

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>

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

第1,2种方式虽然没有上面的问题, 但会引发IE6的奇怪bug, dosomething()图片无法加载.

只要在dosomething();后面增加一个return false;就可以解决了.

如果是绑定事件, 同样在function最后增加return false;就行.

Javascript 相关文章推荐
location.href 在IE6中不跳转的解决方法与推荐使用代码
Jul 08 Javascript
JS检测图片大小的实例
Aug 21 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
Dec 17 Javascript
详解Backbone.js框架中的模型Model与其集合collection
May 05 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
Sep 17 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
Nov 10 Javascript
Node.js制作简单聊天室
Jan 12 Javascript
基于JavaScript实现验证码功能
Apr 01 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
使用jquery Ajax实现上传附件功能
Oct 23 jQuery
vue实现在线学生录入系统
May 30 Javascript
vue+vant实现购物车全选和反选功能
Nov 17 Vue.js
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 #Javascript
在次封装easyui-Dialog插件实现代码
Nov 14 #Javascript
jQueryUI如何自定义组件实现代码
Nov 14 #Javascript
Jquery常用技巧收集整理篇
Nov 14 #Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 #Javascript
有关DOM元素与事件的3个谜题
Nov 11 #Javascript
入门基础学习 ExtJS笔记(一)
Nov 11 #Javascript
You might like
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
PHP间隔一段时间执行代码的方法
2014/12/02 PHP
laravel安装zend opcache加速器教程
2015/03/02 PHP
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
javascript 写类方式之十
2009/07/05 Javascript
asp(javascript)全角半角转换代码 dbc2sbc
2009/08/06 Javascript
jquery批量设置属性readonly和disabled的方法
2014/01/24 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
JavaScript动态设置div的样式的方法
2015/12/26 Javascript
javascript+css3 实现动态按钮菜单特效
2016/02/06 Javascript
非常棒的jQuery图片轮播效果
2016/04/17 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
Vue.js学习笔记之常用模板语法详解
2017/07/25 Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
2017/08/09 jQuery
关于meta viewport中target-densitydpi属性详解(推荐)
2017/08/18 Javascript
探索webpack模块及webpack3新特性
2017/09/18 Javascript
vue项目常用组件和框架结构介绍
2017/12/24 Javascript
微信小程序button组件使用详解
2018/01/31 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
JS使用Date对象实时显示当前系统时间简单示例
2018/08/23 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
如何基于线程池提升request模块效率
2020/04/18 Python
Python如何绘制日历图和热力图
2020/08/07 Python
Python 2.6.6升级到Python2.7.15的详细步骤
2020/12/14 Python
阿迪达斯越南官网:adidas越南
2020/07/19 全球购物
在数据文件自动增长时,自动增长是否会阻塞对文件的更新
2014/05/01 面试题
建筑工程毕业生自我鉴定
2014/01/14 职场文书
企业道德讲堂实施方案
2014/03/19 职场文书
高考寄语大全
2014/04/08 职场文书
出生证明公证书
2014/04/09 职场文书
技术比武方案
2014/05/19 职场文书
水利局群众路线专题民主生活会发言材料
2014/09/21 职场文书
2016自主招生校长推荐信范文
2015/03/23 职场文书