javascript修改IMG标签的src问题

2014-03-28 40

1.当点击某一按钮的时候,把图片域中的图片改变一下

<img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" /> 
<span style="cursor:hand" onclick="reflush();return false;">看不清</span> 
<script> 
function reflush() 
{ 
document.getElementById(randimg).src="/servlet/CreateValidateNum"; 
} 
</script>

2.说明
”servlet/CreateValidateNum“是JAVA写的servlet。该servlet是打印出图片

3.出现的问题
在IE6下面图片修改正常,但在IE7和Firefox下面却不刷新

4.情况分析
如果新的图片跟旧的图片地址不一样,效果是会出来的。即:图片有发生改变。
但像”验证码“这种功能。新旧图片的地址是一样的。
鉴于上述情况,怀疑有可能是因为图片地址是一样的,而导致浏览器自动读缓存。

5.解决方法
把javascript改成这样即可:
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即:每次的访问地址都不一样,因为有加随机数。所以问题解决

展开阅读全文

更多Javascript文章

jquery focus(fn),blur(fn)方法实例代码
Dec 16 52
jQuery获得子元素个数的方法
Apr 14 36
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 41
完美解决手机网页中输入框被输入法遮挡的问题
Dec 19 40
jQuery实现的中英文切换功能示例
Jan 11 43
vue使用el-upload上传文件及Feign服务间传递文件的方法
Mar 15 36
微信小程序视图控件与bindtap之间的问题的解决
Apr 08 44
手机访问当前页面