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中实现命名空间
Nov 23 Javascript
一个不错的用JavaScript实现的UBB编码函数
Mar 09 Javascript
再说AutoComplete自动补全之实现原理
Nov 05 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
Jul 09 Javascript
JavaScript对象之深度克隆介绍
Dec 08 Javascript
JavaScript中常见获取元素的方法汇总
Mar 04 Javascript
浅谈JavaScript中运算符的优先级
Jul 07 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
vue项目部署到nginx/tomcat服务器的实现
Aug 26 Javascript
taro小程序添加骨架屏的实现代码
Nov 15 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 Javascript
JS前端使用Canvas快速实现手势解锁特效
Sep 23 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
咖啡与牛奶
2021/03/03 冲泡冲煮
简单介绍PHP非阻塞模式
2016/03/03 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
PHP实现通过strace定位故障原因的方法
2018/04/29 PHP
PHP框架Laravel中使用UUID实现数据分表操作示例
2018/05/30 PHP
js 面向对象的技术创建高级 Web 应用程序
2010/02/25 Javascript
javascript 广告后加载,加载完页面再加载广告
2010/11/25 Javascript
javascript一些实用技巧小结
2011/03/18 Javascript
根据选择不同的下拉值出现相对应的文本输入框
2013/08/01 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
2013/12/19 Javascript
html5 canvas js(数字时钟)实例代码
2013/12/23 Javascript
不使用jquery实现js打字效果示例分享
2014/01/19 Javascript
JavaScript数据结构与算法之栈详解
2015/03/12 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
动态创建按钮的JavaScript代码
2016/01/29 Javascript
详解Node.js如何开发命令行工具
2016/08/14 Javascript
使用Node.js给图片加水印的方法
2016/11/15 Javascript
网络传输协议(http协议)
2016/11/18 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
ES6深入理解之“let”能替代”var“吗?
2017/06/28 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
详解JavaScript 为什么要有 Symbol 类型?
2019/04/03 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
2019/09/16 Javascript
python检测远程端口是否打开的方法
2015/03/14 Python
Python3.x中自定义比较函数
2015/04/24 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
如何理解python对象
2020/06/21 Python
浅谈keras使用预训练模型vgg16分类,损失和准确度不变
2020/07/02 Python
党支部创先争优承诺书
2014/08/30 职场文书
2014年团总支工作总结
2014/11/21 职场文书
大二学年个人总结
2015/03/03 职场文书
CSS link与@import的区别和用法解析
2023/05/07 HTML / CSS