编程 Javascript

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动态改变img的src属性图片不显示的解决方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js一般方法改写成面向对象方法的无限级折叠菜单示例代码

Jul 04 Javascript

js字母大小写转换实现方法总结

Nov 13 Javascript

js中Image对象以及对其预加载处理示例

Nov 20 Javascript

javascript调试之DOM断点调试法使用技巧分享

Apr 15 Javascript

JavaScript实现继承的4种方法总结

Oct 16 Javascript

iframe中使用jquery进行查找的方法【案例分析】

Jun 17 Javascript

关于Function中的bind()示例详解

Dec 02 Javascript

js学习总结_轮播图之渐隐渐现版(实例讲解)

Jul 17 Javascript

浅谈mint-ui loadmore组件注意的问题

Nov 08 Javascript

AngularJS实现与后台服务器进行交互的示例讲解

Aug 13 Javascript

vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show

Apr 12 Javascript

webpack4 从零学习常用配置(小结)

May 28 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

给apache2.2加上mod_encoding模块後 php5.2.0 处理url出现bug

2007/04/12 PHP

php全角字符转换为半角函数

2014/02/07 PHP

PHP用mysql_insert_id()函数获得刚插入数据或当前发布文章的ID

2016/11/25 PHP

thinkphp 抓取网站的内容并且保存到本地的实例详解

2017/08/25 PHP

PHP implode()函数用法讲解

2019/03/08 PHP

js 遍历对象的属性的代码

2011/12/29 Javascript

解决3.01版的jquery.form.js中文乱码问题的解决方法

2012/03/08 Javascript

jquery load事件(callback/data)使用方法及注意事项

2013/02/06 Javascript

用IE重起计算机或者关机的示例代码

2014/03/10 Javascript

Node.js事件驱动

2015/06/18 Javascript

jquery遍历标签中自定义的属性方法

2016/09/17 Javascript

jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】

2017/03/04 Javascript

addEventListener()与removeEventListener()解析

2017/04/20 Javascript

html5+canvas实现支持触屏的签名插件教程

2017/05/08 Javascript

微信小程序中使用javascript 回调函数

2017/05/11 Javascript

微信小程序 action-sheet 反馈上拉菜单简单实例

2017/05/11 Javascript

移动端图片上传旋转、压缩问题的方法

2018/10/16 Javascript

layui table数据修改的回显方法

2019/09/04 Javascript

微信小程序页面间传递数组对象方法解析

2019/11/06 Javascript

关于vue-cli3打包代码后白屏的解决方案

2020/09/02 Javascript

vue实现简单计算商品价格

2020/09/14 Javascript

Django中使用group_by的方法

2015/05/26 Python

读写json中文ASCII乱码问题的解决方法

2016/11/05 Python

Python配置mysql的教程(推荐)

2017/10/13 Python

python 实现调用子文件下的模块方法

2018/12/07 Python

Python3多线程版TCP端口扫描器

2019/08/31 Python

解决python -m pip install --upgrade pip 升级不成功问题

2020/03/05 Python

python3.6.8 + pycharm + PyQt5 环境搭建的图文教程

2020/06/11 Python

2014社区三八妇女节活动总结

2014/03/01 职场文书

创业大赛策划书

2014/03/01 职场文书

幼儿园大班开学教师寄语

2014/04/03 职场文书

小学校长先进事迹材料

2014/05/13 职场文书

写给老婆的保证书

2015/02/27 职场文书

2015年安全生产月工作总结

2015/07/27 职场文书

《好妈妈胜过好老师》：每个孩子的优秀都是有源头的

2020/01/03 职场文书

Requests什么的通通爬不了的Python超强反爬虫方案！

2021/05/20 Python