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 相关文章推荐
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
Apr 12 Javascript
跟着JQuery API学Jquery 之二 属性
Apr 09 Javascript
Knockout text绑定DOM的使用方法
Nov 15 Javascript
AngularJs Injecting Services Into Controllers详解
Sep 02 Javascript
详解微信小程序开发之城市选择器 城市切换
Jan 17 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
vue项目中使用Svg的方法
Oct 24 Javascript
JavaScript基础之静态方法和实例方法分析
Dec 26 Javascript
javascript网页随机点名实现过程解析
Oct 15 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
Sep 17 Javascript
js实现拖拽与碰撞检测
Sep 18 Javascript
微信小程序选择图片控件
Jan 19 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
PHP 杂谈《重构-改善既有代码的设计》之三 重新组织数据
2012/04/09 PHP
既简单又安全的PHP验证码 附调用方法
2016/06/02 PHP
php array_keys 返回数组的键名
2016/10/25 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
为超链接加上disabled后的故事
2010/12/10 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
AJAX跨域请求json数据的实现方法
2013/11/11 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
JavaScript中const、var和let区别浅析
2016/10/11 Javascript
js仿iphone秒表功能 计算平均数
2017/01/11 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
详解RequireJs官方使用教程
2017/10/31 Javascript
使用Angular CLI进行Build(构建)和Serve详解
2018/03/24 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
3分钟读懂移动端rem使用方法(推荐)
2019/05/06 Javascript
简单了解vue 插值表达式Mustache
2020/07/22 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
[54:10]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
Python 字典与字符串的互转实例
2017/01/13 Python
python文件选择对话框的操作方法
2019/06/27 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
python实现人工蜂群算法
2020/09/18 Python
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
阿里巴巴美国:Alibaba美国
2019/11/24 全球购物
委托书样本
2014/04/02 职场文书
群众路线学习心得体会范文
2014/11/05 职场文书
2014工程部年度工作总结
2014/12/17 职场文书
第一军规观后感
2015/06/12 职场文书
被委托人身份证明
2015/08/07 职场文书
大学生就业指导课心得体会
2016/01/15 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书
《植树问题》教学反思
2016/03/03 职场文书
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
2021/11/11 HTML / CSS
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
2022/04/06 Vue.js