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 相关文章推荐
图片自动缩小的js代码,用以防止图片撑破页面
Mar 12 Javascript
JavaScript 指导方针
Apr 05 Javascript
escape、encodeURI 和 encodeURIComponent 的区别
Mar 02 Javascript
javascript获取作用在元素上面的样式属性代码
Sep 20 Javascript
js的匿名函数使用介绍
Dec 11 Javascript
js+canvas简单绘制圆圈的方法
Jan 28 Javascript
AngularJS教程之MVC体系结构详解
Aug 16 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
理解JavaScript原型链
Oct 25 Javascript
jstree单选功能的实现方法
Jun 07 Javascript
angularjs2中父子组件的数据传递的实例代码
Jul 05 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
基于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设计模式 php实现状态模式
2015/12/07 PHP
PHP面向对象多态性实现方法简单示例
2017/09/27 PHP
PHP实现的贪婪算法实例
2017/10/17 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
javascript 最常用的10个自定义函数[推荐]
2009/12/26 Javascript
JS学习之一个简易的日历控件
2010/03/24 Javascript
关于 文本框默认值 的操作js代码
2012/01/12 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
2013/05/14 Javascript
JavaScript实现QueryString获取GET参数的方法
2013/07/02 Javascript
jquery等待效果示例
2014/05/01 Javascript
我的Node.js学习之路(二)NPM模块管理
2014/07/06 Javascript
Jquery焦点图实例代码
2014/11/25 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
2015/12/05 Javascript
详解Bootstrap按钮
2016/01/04 Javascript
jQuery基础知识点总结(必看)
2016/05/31 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
2016/12/08 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
vue鼠标悬停事件实例详解
2019/04/01 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局
2016/02/25 DOTA
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
Python下实现的RSA加密/解密及签名/验证功能示例
2017/07/17 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
python函数装饰器之带参数的函数和带参数的装饰器用法示例
2019/11/06 Python
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
主题实践活动总结
2014/05/08 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
小学生植树节活动总结
2014/07/04 职场文书
2014年安全生产责任书
2014/07/22 职场文书
世界地球日活动总结
2015/02/09 职场文书
暑期辅导班宣传单
2015/07/14 职场文书
Python绘制地图神器folium的新人入门指南
2021/05/23 Python