javascript修改IMG标签的src问题


Posted in Javascript onMarch 28, 2014

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 相关文章推荐
用javascript连接access数据库的方法
Nov 17 Javascript
让IE6支持min-width和max-width的方法
Jun 25 Javascript
javascript中拼接HTML字符串的最快、最好的方法
Jun 07 Javascript
Javascript的闭包详解
Dec 26 Javascript
jQuery寻找n以内完全数的方法
Jun 24 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
May 21 Javascript
jQuery如何跳转到另一个网页 就这么简单
Dec 28 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
Jun 21 Javascript
微信小程序实现倒计时60s获取验证码
Apr 17 Javascript
vue登录路由验证的实现
Dec 13 Javascript
微信小程序实现蓝牙打印
Sep 23 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
Dec 06 Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 #Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
Mar 28 #Javascript
JavaScript调用ajax获取文本文件内容实现代码
Mar 28 #Javascript
js如何调用qq互联api实现第三方登录
Mar 28 #Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
Mar 28 #Javascript
jquery获取颜色在ie和ff下的区别示例介绍
Mar 28 #Javascript
js中精确计算加法和减法示例
Mar 28 #Javascript
You might like
php通用防注入程序 推荐
2011/02/26 PHP
php中比较简单的导入phpmyadmin生成的sql文件的方法
2011/06/28 PHP
php 伪造本地文件包含漏洞的代码
2011/11/03 PHP
php自动给文章加关键词链接的函数代码
2012/11/29 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
PHP如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
prototype与jquery下Ajax实现的差别
2009/09/13 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
js+jquery常用知识点汇总
2015/03/03 Javascript
Javascript实现检测客户端类型代码封包
2015/12/03 Javascript
vue.js+Element实现表格里的增删改查
2017/01/18 Javascript
详解原生js实现offset方法
2017/06/15 Javascript
javascript中call()、apply()的区别
2019/03/21 Javascript
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
[48:52]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第一局
2016/02/25 DOTA
python密码错误三次锁定(实例讲解)
2017/11/14 Python
在Python 2.7即将停止支持时,我们为你带来了一份python 3.x迁移指南
2018/01/30 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
python命令 -u参数用法解析
2019/10/24 Python
在Python中使用filter去除列表中值为假及空字符串的例子
2019/11/18 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
Python中的With语句的使用及原理
2020/07/29 Python
python 如何调用远程接口
2020/09/11 Python
python 制作磁力搜索工具
2021/03/04 Python
iframe与window.onload如何使用详解
2020/05/07 HTML / CSS
加拿大女包品牌:Matt & Nat
2017/05/12 全球购物
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
查找廉价航班和发现新目的地:Kiwi.com
2019/02/25 全球购物
武汉瑞得软件笔试题
2015/10/27 面试题
《冬阳童年骆驼队》教学反思
2014/04/15 职场文书
公司授权委托书
2014/10/17 职场文书
工艺技术员岗位职责
2015/02/04 职场文书
中秋节寄语2015
2015/03/24 职场文书
2016年社会管理综治宣传月活动总结
2016/03/16 职场文书
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers