javascript动态改变img的src属性图片不显示的解决方法
时间：2020-12-20 13:26:00|栏目：JavaScript代码|点击： 次
首先讲下这个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;即可
复制代码 代码如下:
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';">
简单的解决方法：
复制代码 代码如下:
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg'; return false;">；
就是在代码后面加上return false;即可
上一篇：document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
栏 目：JavaScript代码
下一篇：解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
本文标题：javascript动态改变img的src属性图片不显示的解决方法
本文地址：http://www.codeinn.net/misctech/34856.html
