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 相关文章推荐
网络图片延迟加载实现代码 超越jquery控件
Mar 27 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
Jan 03 Javascript
js获取字符串最后一位方法汇总
Nov 13 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
JS数组去掉重复数据只保留一条的实现代码
Aug 11 Javascript
详解AngularJS中ng-src指令的使用
Sep 07 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
Dec 18 Javascript
详解AngularJS controller调用factory
May 19 Javascript
Vue 2.5.2下axios + express 本地请求404的解决方法
Feb 21 Javascript
Vue中的基础过渡动画及实现原理解析
Dec 04 Javascript
javascript实现前端成语点击验证优化
Jun 24 Javascript
小程序自定义弹框效果
Nov 16 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
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
PHP操作mysql数据库分表的方法
2016/06/09 PHP
javascript之对系统的toFixed()方法的修正
2007/05/08 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
用jquery实现等比例缩放图片效果插件
2010/07/24 Javascript
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
2013/07/03 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
2016/05/13 Javascript
vue v-on监听事件详解
2017/05/17 Javascript
VsCode插件整理(小结)
2017/09/14 Javascript
对layui中表单元素的使用详解
2018/08/15 Javascript
python实现清屏的方法
2015/04/30 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例
2019/02/13 Python
python多线程并发让两个LED同时亮的方法
2019/02/18 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
NumPy排序的实现
2020/01/21 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
python与pycharm有何区别
2020/07/01 Python
django有哪些好处和优点
2020/09/01 Python
日本乐天德国站:Rakuten.de
2019/05/16 全球购物
幼儿园老师辞职信
2014/01/20 职场文书
工作迟到检讨书
2014/02/21 职场文书
2014植树节活动总结
2014/03/11 职场文书
七一建党节演讲稿
2014/09/11 职场文书
工人先进事迹材料
2014/12/26 职场文书
小学生表扬稿范文
2015/05/05 职场文书
公安机关起诉意见书
2015/05/20 职场文书
2016年教师反腐倡廉心得体会
2016/01/13 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书
考生诚信考试承诺书(2016版)
2016/03/25 职场文书
Python下载商品数据并连接数据库且保存数据
2022/03/31 Python
浅谈为什么我的 z-index 又不生效了
2022/07/15 HTML / CSS