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 isArray 数组类型检测函数
Oct 08 Javascript
json2.js的初步学习与了解
Oct 06 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
JavaScript实现存储HTML字符串示例
Apr 21 Javascript
JQuery工具函数汇总
Jun 15 Javascript
AngularJS实现DOM元素的显示与隐藏功能
Nov 22 Javascript
Vue $emit $refs子父组件间方法的调用实例
Sep 12 Javascript
vue-cli3.0 环境变量与模式配置方法
Nov 08 Javascript
JavaScript学习笔记之DOM操作实例分析
Jan 08 Javascript
vue移动端屏幕适配详解
Apr 30 Javascript
vue中使用vue-print.js实现多页打印
Mar 05 Javascript
如何用JavaScript检测当前浏览器是无头浏览器
Apr 27 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/09/10 PHP
PHP全概率运算函数(优化版) Webgame开发必备
2011/07/04 PHP
php删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
PHP实现二维数组根据key进行排序的方法
2016/12/30 PHP
phpStudy 2016 使用教程详解(支持PHP7)
2017/10/18 PHP
PHP自定义函数实现数组比较功能示例
2017/10/19 PHP
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
详解JavaScript中Hash Map映射结构的实现
2016/05/21 Javascript
AngularJS表单详解及示例代码
2016/08/17 Javascript
JS作用域深度解析
2016/12/29 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
JavaScript页面加载事件实例讲解
2019/09/01 Javascript
vue中使用elementUI组件手动上传图片功能
2019/12/13 Javascript
vue实现户籍管理系统
2020/05/29 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
2020/08/03 Javascript
Vue 组件的挂载与父子组件的传值实例
2020/09/02 Javascript
实用的 vue tags 创建缓存导航的过程实现
2020/12/03 Vue.js
Vue实现图书管理案例
2021/01/20 Vue.js
python中的格式化输出用法总结
2016/07/28 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
Django REST框架创建一个简单的Api实例讲解
2019/11/05 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
django框架中间件原理与用法详解
2019/12/10 Python
Python 定义只读属性的实现方式
2020/03/05 Python
Python urlencode和unquote函数使用实例解析
2020/03/31 Python
怎样比较两个类型为String的字符串
2016/08/17 面试题
毕业自我鉴定怎么写
2014/03/25 职场文书
社区志愿者活动总结
2014/06/26 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
2014年政府采购工作总结
2014/12/09 职场文书
货款欠条范本
2015/07/03 职场文书
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL