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

javaScript复制功能调用实现方案

Dec 13 Javascript

关于include标签导致js路径找不到的问题分析及解决

Jul 09 Javascript

jQuery实现跟随鼠标运动图层效果的方法

Feb 02 Javascript

JavaScript中扩展Array contains方法实例

Aug 23 Javascript

javascript中new关键字详解

Dec 14 Javascript

AngularJS 使用$sce控制代码安全检查

Jan 05 Javascript

原生JavaScript来实现对dom元素class的操作方法(推荐)

Aug 16 Javascript

仿vue-cli搭建属于自己的脚手架的方法步骤

Apr 17 Javascript

详解Vue中的scoped及穿透方法

Apr 18 Javascript

实现高性能javascript的注意事项

May 27 Javascript

element form 校验数组每一项实例代码

Oct 10 Javascript

JavaScript/TypeScript 实现并发请求控制的示例代码

Jan 18 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/11/20 PHP

PHP5下$_SERVER变量不再受magic_quotes_gpc保护的弥补方法

2012/10/31 PHP

php利用单例模式实现日志处理类库

2014/02/10 PHP

PHP实现无限极分类的两种方式示例【递归和引用方式】

2019/03/25 PHP

Javascript isArray 数组类型检测函数

2009/10/08 Javascript

jQuery+jqmodal弹出窗口实现代码分明

2010/06/14 Javascript

用原生js做个简单的滑动效果的回到顶部

2014/10/15 Javascript

JS实现判断碰撞的方法

2015/02/11 Javascript

使用Raygun对Node.js应用进行错误处理的方法

2015/06/23 Javascript

AngularJS上拉加载问题解决方法

2016/05/23 Javascript

玩转JavaScript OOP - 类的实现详解

2016/06/08 Javascript

webpack+vue+express(hot)热启动调试简单配置方法

2018/09/19 Javascript

angularJs中$scope数据序列化的实例

2018/09/30 Javascript

vue实现的网易云音乐在线播放和下载功能案例

2019/02/18 Javascript

javascript面向对象创建对象的方式小结

2019/07/29 Javascript

Vue实现push数组并删除的例子

2019/11/01 Javascript

[01:18]一目了然！DOTA2DotA快捷操作对比第一弹

2014/07/01 DOTA

Python判断操作系统类型代码分享

2014/11/22 Python

Python运算符重载用法实例

2015/05/28 Python

Django中模版的子目录与include标签的使用方法

2015/07/16 Python

用python处理MS Word的实例讲解

2018/05/08 Python

Python实现将数据写入netCDF4中的方法示例

2018/08/30 Python

关于Pycharm无法debug问题的总结

2019/01/19 Python

python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法

2019/06/26 Python

使用django自带的user做外键的方法

2020/11/30 Python

Sunglasses Shop瑞典：欧洲领先的太阳镜网上商店

2018/04/22 全球购物

德国高尔夫商店：Golfshop.de

2019/06/22 全球购物

C#和SQL Server的面试题

2016/08/12 面试题

24岁生日感言

2014/01/13 职场文书

个人求职信范例

2014/01/29 职场文书

薪酬专员岗位职责

2014/02/18 职场文书

《识字五》教学反思

2014/03/01 职场文书

学校综治宣传月活动总结

2014/07/02 职场文书

党的群众路线对照检查材料思想汇报

2014/09/25 职场文书

MySQL表的增删改查基础教程

2021/04/07 MySQL

海贼王十大逆天果实魂魂果实上榜,岩浆果实攻击力最强

2022/03/18 日漫