编程 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 相关文章推荐

用prototype实现的简单小巧的多级联动菜单

Mar 24 Javascript

JavaScript两种跨域技术全面介绍

Apr 16 Javascript

javascript设计模式之对象工厂函数与构造函数详解

Jul 30 Javascript

Javascript设计模式理论与编程实战之简单工厂模式

Nov 03 Javascript

jquery简单倒计时实现方法

Dec 18 Javascript

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（一）

May 11 Javascript

微信小程序实现MUI数字输入框效果

Jan 31 Javascript

vue.js实现的全选与全不选功能示例【基于elementui】

Dec 03 Javascript

微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例

Jan 23 Javascript

vue增加强缓存和版本号的实现方法

May 01 Javascript

基于vue实现图片验证码倒计时60s功能

Dec 10 Javascript

javascript实现倒计时关闭广告

Feb 09 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笔记之：AOP的应用

2013/04/24 PHP

PHP递归实现汉诺塔问题的方法示例

2017/11/25 PHP

非常好的js代码

2006/06/27 Javascript

用jQuery简化JavaScript开发分析

2009/02/19 Javascript

JavaScript导出Excel实例详解

2014/11/25 Javascript

浅析JavaScript中浏览器的兼容问题

2016/04/19 Javascript

深入理解js promise chain

2016/05/05 Javascript

ng-options和ng-checked在表单中的高级运用(推荐)

2017/01/21 Javascript

Node.js 使用递归实现遍历文件夹中所有文件

2017/09/18 Javascript

对于input 框限定输入值为浮点型的js代码

2017/09/25 Javascript

vue router-link传参以及参数的使用实例

2017/11/10 Javascript

jQuery实现左右两个列表框的内容相互移动功能示例

2019/01/27 jQuery

vue语法自动转typescript(解放双手)

2019/09/18 Javascript

微信小程序实现禁止分享代码实例

2019/10/19 Javascript

keep-alive不能缓存多层级路由菜单问题解决

2020/03/10 Javascript

vue实现下拉菜单树

2020/10/22 Javascript

[03:28]2014DOTA2国际邀请赛走近EG战队天才中单Arteezy

2014/07/12 DOTA

举例详解Python中yield生成器的用法

2015/08/05 Python

Django 添加静态文件的两种实现方法(必看篇)

2017/07/14 Python

Python实现图片转字符画的示例

2017/08/22 Python

Python利用pandas计算多个CSV文件数据值的实例

2018/04/19 Python

Django Model层F，Q对象和聚合函数原理解析

2020/11/12 Python

使用python tkinter开发一个爬取B站直播弹幕工具的实现代码

2021/02/07 Python

澳大利亚购买最佳炊具品牌网站：Cookware Brands

2019/02/16 全球购物

Interflora澳大利亚：同日鲜花速递

2019/06/25 全球购物

Prototype中如何为一个元素添加一个方法

2014/12/08 面试题

新闻专业学生的自我评价

2014/02/13 职场文书

《满井游记》教学反思

2014/02/26 职场文书

研究生导师推荐信

2015/03/25 职场文书

风雨哈佛路观后感

2015/06/03 职场文书

大学运动会加油稿

2015/07/22 职场文书

php微信小程序解包过程实例详解

2021/03/31 PHP

详解JVM系列之内存模型

2021/06/10 Javascript

浅谈@Value和@Bean的执行顺序问题

2021/06/16 Java/Android

详解NumPy中的线性关系与数据修剪压缩

2022/05/25 Python