javascript动态改变img的src属性图片不显示的解决方法


Posted in Javascript onOctober 20, 2010

首先讲下这个bug的出现的情况,页面中有

<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';">
这么一个a标签,onclick中的JS代码就是改变id为current的img标签的src属性,以达到动态切换图片的效果。可是不幸的是:IE是动态改变的图片的路径,但是图片却不显示出来,得右键“显示图片”才能看到改变后的图片,不知是什么原因,但据说是<a href="javascript:void(0)">或者<a href="#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为,导致ie6会错误的认为页面刷新或者重定向了,并且中断了当前所有连接,这样新图片的加载就被aborted了(不知真假),不管原因是真是假,下面就先说下解决方案吧

简单的解决方法: 

<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg'; return false;">;

就是在代码后面加上return false;即可

Javascript 相关文章推荐
用JavaScript计算在UTF-8下存储字符串占用字节数
Aug 08 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
jQuery简单实现两级下拉菜单效果代码
Sep 15 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
如何使用JS在HTML中自定义字符串格式化
Jul 20 Javascript
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
JavaScript使用递归和循环实现阶乘的实例代码
Aug 28 Javascript
node之本地服务器图片上传的方法示例
Mar 26 Javascript
vue组件间通信六种方式(总结篇)
May 15 Javascript
前端js中的事件循环eventloop机制详解
May 15 Javascript
javascript奇异的arguments分析
Oct 20 #Javascript
超越Jquery_01_isPlainObject分析与重构
Oct 20 #Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
Oct 20 #Javascript
理解Javascript_14_函数形式参数与arguments
Oct 20 #Javascript
理解Javascript_13_执行模型详解
Oct 20 #Javascript
用jquery与css打造个性化的单选框和复选框
Oct 20 #Javascript
Jquery插件之多图片异步上传
Oct 20 #Javascript
You might like
php代码书写习惯优化小结
2013/06/20 PHP
PHP汉字转换拼音的函数代码
2015/12/30 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
纯js实现的论坛常用的运行代码的效果
2008/07/15 Javascript
简洁短小的 JavaScript IE 浏览器判定代码
2010/03/21 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
2011/12/26 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
2015/06/25 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
node vue项目开发之前后端分离实战记录
2017/12/13 Javascript
微信小程序实现长按删除图片的示例
2018/05/18 Javascript
JavaScript事件委托原理与用法实例分析
2018/06/07 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
2019/04/11 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
2019/05/22 Javascript
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
[01:02:10]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第一局
2016/02/26 DOTA
[01:06:30]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第二场 1月9日
2021/03/11 DOTA
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
Python与R语言的简要对比
2017/11/14 Python
python清除字符串中间空格的实例讲解
2018/05/11 Python
Python标准库shutil用法实例详解
2018/08/13 Python
Python爬取视频(其实是一篇福利)过程解析
2019/08/01 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
详解淘宝H5 sign加密算法
2020/08/25 HTML / CSS
泰国排名第一的家居用品中心:HomePro
2020/11/18 全球购物
如何在发生故障的节点上重新安装 SQL Server
2013/03/14 面试题
介绍一下SQL Server里面的索引视图
2016/07/31 面试题
校班主任推荐信范文
2013/12/03 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
中学教师读书笔记
2015/07/01 职场文书
Java数组与堆栈相关知识总结
2021/06/29 Java/Android