javascript修改IMG标签的src问题
更新时间：2014年03月28日 17:46:14 作者：
javascript修改IMG标签的SRC，在IE6下面图片修改正常，但在IE7和Firefox下面却不刷新，下面有个解决方法，大家可以参考下
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();
即：每次的访问地址都不一样，因为有加随机数。所以问题解决
复制代码 代码如下:
<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();
即：每次的访问地址都不一样，因为有加随机数。所以问题解决
相关文章
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
用 XMLDOM 和 ADODB.Stream 实现base64编码解码实现代码，需要的朋友可以参考下。2010-11-11
全面解析Bootstrap中nav、collapse的使用方法
这篇文章主要为大家详细解析了Bootstrap中nav、collapse的使用方法，感兴趣的朋友可以参考一下2016-05-05
js跨域是指通过js在不同的域之间进行数据传输或通信，只要协议、域名、端口有任何一个不同，都被当作是不同的域，在这篇文章中讲给大家介绍一下js中几种实用的跨域方法原理,需要的朋友可以参考下2023-06-06
这篇文章主要为大家详细介绍了JavaScript实现文字展开和收起效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要介绍了JavaScript 禁止用户保存图片的实现代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
JavaScript 有个 with 关键字, with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式。这篇文章主要介绍了JavaScript中with语句的相关知识，感兴趣的朋友一起学习吧2016-05-05
这篇文章主要介绍了微信小程序本地存储增加有效期的方法,这里通过一个简单示例,展示如何设置有效期为1小时的本地存储,首先将storage.js引入到app.js中,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下2024-07-07
下面小编就为大家带来一篇js 基础篇必看(点击事件轮播图的简单实现)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要介绍了JS实现左右拖动改变内容显示区域大小的方法,涉及JavaScript实时响应鼠标事件动态改变页面元素属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
大家都知道在ES6中引进的一种新型的字符串字面量语法-模板字符串，下面这篇文章主要给大家介绍了关于ES6学习教程之模板字符串的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-10-10
最新评论