javascript修改IMG标签的src问题

2019-12-23,,,

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();
即:每次的访问地址都不一样,因为有加随机数。所以问题解决

您可能感兴趣的文章:

  • JS+JSP通过img标签调用实现静态页面访问次数统计的方法
  • JSP结合js实现img中src更新请求的方法
  • JS+CSS设置img在DIV中只显示Img垂直居中的部分
  • JS对img进行操作(换图片/切图/轮换/停止)
  • JSP实现用于自动生成表单标签html代码的自定义表单标签
  • JavaScript实现自动生成网页元素功能(按钮、文本等)
  • javascript动态生成树形菜单的方法
  • js生成随机数的方法实例
  • javascript生成img标签的3种实现方法(对象、方法、html)

《javascript修改IMG标签的src问题.doc》

下载本文的Word格式文档,以方便收藏与打印。