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 相关文章推荐
异步加载script的代码
Jan 12 Javascript
让浏览器非阻塞加载javascript的几种方法小结
Apr 25 Javascript
五个jQuery图片画廊插件 推荐
May 12 Javascript
js获取url中&quot;?&quot;后面的字串方法
May 15 Javascript
jQuery中的pushStack实现原理和应用实例
Feb 03 Javascript
JavaScript中join()方法的使用简介
Jun 09 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
Aug 12 Javascript
javascript删除html标签函数cIsHTML
Jan 09 Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 Javascript
旺旺在线客服代码 旺旺客服代码生成器
Jan 09 Javascript
垃圾回收器的相关知识点总结
May 13 Javascript
基于layui table返回的值的多级嵌套的解决方法
Sep 19 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注入点构造代码
2008/06/14 PHP
PHP 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
php下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
thinkPHP通用控制器实现方法示例
2017/11/23 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
jQuery中hide()方法用法实例
2014/12/24 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
使用JQuery FancyBox插件实现图片展示特效
2015/11/16 Javascript
js 定位到某个锚点的方法
2016/11/19 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
2017/03/09 Javascript
input type=file 选择图片并且实现预览效果的实例
2017/10/26 Javascript
原生nodejs使用websocket代码分享
2018/04/07 NodeJs
jQuery实现动态添加和删除input框代码实例
2019/03/29 jQuery
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
vue源码nextTick使用及原理解析
2019/08/13 Javascript
刷新页面后让控制台的js代码继续执行
2019/09/20 Javascript
微信小程序自定义导航栏(模板化)
2019/11/15 Javascript
在Vuex中Mutations修改状态操作
2020/07/24 Javascript
Python中使用Inotify监控文件实例
2015/02/14 Python
Python 中 Meta Classes详解
2016/02/13 Python
wxPython窗体拆分布局基础组件
2019/11/19 Python
python实现回旋矩阵方式(旋转矩阵)
2019/12/04 Python
python2 对excel表格操作完整示例
2020/02/23 Python
Lacoste澳大利亚官网:服装、鞋类及配饰
2018/11/14 全球购物
C语言开发工程师测试题
2016/12/20 面试题
学校联谊协议书
2014/09/16 职场文书
拾金不昧表扬信
2015/01/16 职场文书
办公室日常管理制度
2015/08/04 职场文书
期中考试后的感想
2015/08/07 职场文书
消防安全培训工作总结
2015/10/23 职场文书