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

Mootools 1.2教程输入过滤第二部分（字符串）

Sep 15 Javascript

Javascript UrlDecode函数代码

Jan 09 Javascript

关于捕获用户何时点击window.onbeforeunload的取消事件

Mar 06 Javascript

JavaScript(js)设置默认输入焦点(focus)

Dec 28 Javascript

jQuery中after的两种用法实例

Jul 03 Javascript

appendChild() 或 insertBefore()使用与区别介绍

Oct 11 Javascript

JavaScript继承模式粗探

Jan 12 Javascript

angular.js 路由及页面传参示例

Feb 24 Javascript

Easyui Datagrid自定义按钮列(最后面的操作列)

Jul 13 Javascript

浅谈Vue组件及组件的注册方法

Aug 24 Javascript

element-ui table组件如何使用render属性的实现

Nov 04 Javascript

JS PHP字符串截取函数实现原理解析

Aug 29 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

德生S2000电路分析

2021/03/02 无线电

让PHP以ROOT权限执行系统命令的方法

2011/02/10 PHP

PHP屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT

2013/03/06 PHP

使用php get_headers 判断URL是否有效的解决办法

2013/04/27 PHP

浅析PHP程序设计中的MVC编程思想

2014/07/28 PHP

thinkPHP连接sqlite3数据库的实现方法(附Thinkphp代码生成器下载)

2016/05/27 PHP

php异步:在php中使用fsockopen curl实现类似异步处理的功能方法

2016/12/10 PHP

php批量转换文件夹下所有文件编码的函数类

2017/08/06 PHP

Laravel框架查询构造器简单示例

2019/05/08 PHP

IE中直接运行显示当前网页中的图片推荐

2006/08/31 Javascript

javascript css在IE和Firefox中区别分析

2009/02/18 Javascript

JS获取月的最后一天与JS得到一个月份最大天数的实例代码

2013/12/16 Javascript

jQuery图片切换插件jquery.cycle.js使用示例

2014/06/16 Javascript

分享一则javascript 调试技巧

2015/01/02 Javascript

js在指定位置增加节点函数insertBefore()用法实例

2015/01/12 Javascript

基于jQuery.Hz2Py.js插件实现的汉字转拼音特效

2015/05/07 Javascript

JSON字符串和对象之间的转换详解

2015/05/26 Javascript

jquery实现的仿天猫侧导航tab切换效果

2015/08/24 Javascript

AngularJS入门教程之 XMLHttpRequest实例讲解

2016/07/27 Javascript

jquery.Callbacks的实现详解

2016/11/30 Javascript

Webpack中css-loader和less-loader的使用教程

2017/04/27 Javascript

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

2017/08/16 Javascript

关于laydate.js加载laydate.css路径错误问题解决

2017/12/27 Javascript

jQuery 点击获取验证码按钮及倒计时功能

2018/09/20 jQuery

JavaScript获取页面元素的常用方法详解

2019/09/28 Javascript

python使用urllib模块开发的多线程豆瓣小站mp3下载器

2014/01/16 Python

python中使用smtplib和email模块发送邮件实例

2014/04/22 Python

Python 40行代码实现人脸识别功能

2017/04/02 Python

Python上下文管理器和with块详解

2017/09/09 Python

Python将字符串常量转化为变量方法总结

2019/03/17 Python

numpy创建单位矩阵和对角矩阵的实例

2019/11/29 Python

Python selenium页面加载慢超时的解决方案

2020/03/18 Python

Python tkinter制作单机五子棋游戏

2020/09/14 Python

英国标准协会商店：BSI Shop

2019/02/25 全球购物

德国珠宝和手表在线商店：VALMANO

2019/03/24 全球购物

幼儿园长自我鉴定

2013/10/17 职场文书