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 获取用户客户端操作系统版本
Aug 25 Javascript
javascript 静态对象和构造函数的使用和公私问题
Mar 02 Javascript
jquery toolbar与网页浮动工具条具体实现代码
Jan 12 Javascript
纯JS实现根据CSS的class选择DOM
Mar 22 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
一分钟理解js闭包
May 04 Javascript
用JS动态改变表单form里的action值属性的两种方法
May 25 Javascript
jquery通过name属性取值的简单实现方法
Jun 20 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
Feb 09 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
通过webpack引入第三方库的方法
Jul 20 Javascript
原生js实现自定义滚动条组件
Jan 20 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
什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)
2021/03/01 无线电
php下通过IP获取地理位置的代码(小偷程序)
2011/06/09 PHP
关于php连接mssql:pdo odbc sql server
2011/07/20 PHP
SAE实时日志接口SDK用法示例
2016/10/09 PHP
关于php 高并发解决的一点思路
2017/04/16 PHP
当达到输入长度时表单自动切换焦点
2014/04/06 Javascript
jquery库文件略庞大用纯js替换jquery的方法
2014/08/12 Javascript
轮播的简单实现方法
2016/07/28 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
Vue2几种常见开局方式详解
2017/09/09 Javascript
基于js中document.cookie全面解析
2017/09/14 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
浅析vue.js数组的变异方法
2018/06/30 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
2018/09/01 Javascript
如何解决js函数防抖、节流出现的问题
2019/06/17 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
2020/04/08 Javascript
[05:08]2014DOTA2国际邀请赛 Hao专访复仇的胜利很爽
2014/07/15 DOTA
仅利用30行Python代码来展示X算法
2015/04/01 Python
Python读写unicode文件的方法
2015/07/10 Python
python抓取网页中图片并保存到本地
2015/12/01 Python
python实现杨辉三角思路
2017/07/14 Python
python判断计算机是否有网络连接的实例
2018/12/15 Python
python实现剪切功能
2019/01/23 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
解决pyCharm中 module 调用失败的问题
2020/02/12 Python
Python用5行代码实现批量抠图的示例代码
2020/04/14 Python
Selenium元素定位的30种方式(史上最全)
2020/05/11 Python
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
幼师专业毕业生自荐信
2013/09/29 职场文书
药品质量检测应届生求职信
2013/11/14 职场文书
大学生个人自荐信
2014/02/24 职场文书
环保口号大全
2014/06/12 职场文书
财务个人年度总结范文
2015/02/26 职场文书
个人工作年终总结
2015/03/09 职场文书
Python 统计序列中元素的出现频度
2022/04/26 Python