我是靠谱客的博主 爱笑棒棒糖,最近开发中收集的这篇文章主要介绍javascript修改IMG标签的src问题,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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修改IMG标签的src问题的全部内容,希望文章能够帮你解决javascript修改IMG标签的src问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(376)

评论列表共有 0 条评论

立即
投稿
返回
顶部