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 option location 页面跳转实现代码
Dec 27 Javascript
jQuery对表单的操作代码集合
Apr 06 Javascript
通过正则格式化url查询字符串实现代码
Dec 28 Javascript
jquery ui dialog实现弹窗特效的思路及代码
Aug 03 Javascript
js浏览器本地存储store.js介绍及应用
May 13 Javascript
javascript实现unicode与ASCII相互转换的方法
Dec 10 Javascript
React之PureComponent的使用作用
Jul 10 Javascript
详解使用React制作一个模态框
Mar 14 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
Aug 06 Javascript
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
vue实现轮播图帧率播放
Jan 26 Vue.js
linux服务器快速卸载安装node环境(简单上手)
Feb 22 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类(查找/修改)xml文档
2013/03/26 PHP
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
php实现生成验证码实例分享
2016/04/10 PHP
PHP错误处理函数register_shutdown_function使用示例
2017/07/03 PHP
laravel-admin自动生成模块,及相关基础配置方法
2019/10/08 PHP
Nigma vs Alliance BO5 第四场2.14
2021/03/10 DOTA
IE和Firefox在JavaScript应用中的兼容性探讨
2008/04/01 Javascript
javascript firefox不显示本地预览图片问题的解决方法
2008/11/12 Javascript
javascript 四则运算精度修正函数代码
2010/05/31 Javascript
用jQuery获取IE9下拉框默认值问题探讨
2013/07/22 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
原生js制作简单的数字键盘
2015/04/24 Javascript
JQuery中Bind()事件用法分析
2015/05/05 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
详解自动生成博客目录案例
2016/12/09 Javascript
JS去掉字符串前后空格或去掉所有空格的用法
2017/03/25 Javascript
jquery实现静态搜索功能(可输入搜索文字)
2017/03/28 jQuery
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
Vue.js实现tab切换效果
2019/07/24 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
Python处理文本换行符实例代码
2018/02/03 Python
Python selenium抓取微博内容的示例代码
2018/05/17 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
Python中如何引入第三方模块
2020/05/27 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
pycharm实现猜数游戏
2020/12/07 Python
基于css3的属性transition制作菜单导航效果
2015/09/01 HTML / CSS
使用phonegap克隆和删除联系人的实现方法
2017/03/31 HTML / CSS
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
领先的荷兰线上超市:荷兰之家Holland at Home(支持中文)
2021/01/21 全球购物
霸王洗发水广告词
2014/03/14 职场文书
城管年度个人总结
2015/02/28 职场文书
2019年朋友圈经典励志语录50条
2019/07/05 职场文书
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android