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 相关文章推荐
Prototype String对象 学习
Jul 19 Javascript
JavaScript避免代码的重复执行经验技巧分享
Apr 17 Javascript
jQuery中:first选择器用法实例
Dec 30 Javascript
简单实现限制uploadify上传个数
Nov 16 Javascript
浅析jQuery 3.0中的Data
Jun 14 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
vue中 this.$set的用法详解
Sep 06 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
Sep 09 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
Oct 28 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
vue 实现图片懒加载功能
Dec 31 Vue.js
手写Vue源码之数据劫持示例详解
Jan 04 Vue.js
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的朋友 经常问的一些问题。不断更新
2011/08/11 PHP
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
PHP实现与java 通信的插件使用教程
2019/08/11 PHP
Laravel使用模型实现like模糊查询的例子
2019/10/24 PHP
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
一个JS小玩意 几个属性相加不能超过一个特定值.
2009/09/29 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
2011/06/08 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
AngularJS 中的指令实践开发指南(一)
2016/03/20 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
2016/08/29 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
详解jquery插件jquery.viewport.js学习使用方法
2017/09/08 jQuery
jQuery基于Ajax实现读取XML数据功能示例
2018/05/31 jQuery
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
使用jQuery实现购物车
2020/10/29 jQuery
[06:13]DOTA2进化论(修改版)
2013/10/08 DOTA
[51:11]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS DT
2014/05/22 DOTA
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
python下10个简单实例代码
2017/11/15 Python
PyTorch快速搭建神经网络及其保存提取方法详解
2018/04/28 Python
python三大神器之fabric使用教程
2019/06/10 Python
在tensorflow中设置保存checkpoint的最大数量实例
2020/01/21 Python
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
英国一家专门出售品牌鞋子的网站:Allsole
2016/08/07 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
在子网210.27.48.21/30种有多少个可用地址?分别是什么?
2014/07/27 面试题
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
私人会所最新创业计划书范文
2014/03/24 职场文书
环境保护标语
2014/06/20 职场文书
课外小组活动总结
2014/08/27 职场文书
支行行长竞聘报告
2014/11/06 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
运动会致辞稿
2015/07/29 职场文书
2015年库房管理工作总结
2015/10/14 职场文书
vue3中的组件间通信
2021/03/31 Vue.js