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 Firefox3.5中操作select的问题
Jul 10 Javascript
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
JS动态添加Table的TR,TD实现方法
Jan 28 Javascript
jQuery获取剪贴板内容的方法
Jun 16 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
Sep 18 Javascript
js实现模糊匹配功能
Feb 15 Javascript
Webpack中雪碧图插件使用详解
May 25 Javascript
vue自定义指令用法经典实例小结
Mar 16 Javascript
Vue基本使用之对象提供的属性功能
Apr 30 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
vue+vant实现商品列表批量倒计时功能
Jan 13 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
文件上传程序的全部源码
2006/10/09 PHP
php获取mysql版本的几种方法小结
2008/03/25 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
laravel 5.4中实现无限级分类的方法示例
2017/07/27 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
js的2种继承方式详解
2014/03/04 Javascript
javascript中解析四则运算表达式的算法和示例
2014/08/11 Javascript
jquery分隔Url的param方法(推荐)
2016/05/25 Javascript
jQuery DateTimePicker 日期和时间插件示例
2017/01/22 Javascript
浅谈$_FILES数组为空的原因
2017/02/16 Javascript
JavaScript中闭包的详解
2017/04/01 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
2017/07/12 Javascript
Vue.js devtool插件安装后无法使用的解决办法
2017/11/27 Javascript
jQuery实现基本隐藏与显示效果的方法详解
2018/09/05 jQuery
jQuery利用FormData上传文件实现批量上传
2018/12/04 jQuery
微信小程序下拉框组件使用方法详解
2018/12/28 Javascript
pandas 时间格式转换的实现
2019/07/06 Python
wxPython实现画图板
2020/08/27 Python
python实现3D地图可视化
2020/03/25 Python
Python常用数字处理基本操作汇总
2020/09/10 Python
Python Spyder 调出缩进对齐线的操作
2021/02/26 Python
美国最大的农村生活方式零售店:Tractor Supply Company(TSC)
2017/05/15 全球购物
Cult Gaia官网:美国生活方式品牌
2019/08/16 全球购物
Java如何支持I18N?
2016/10/31 面试题
新学期班主任寄语
2014/01/18 职场文书
吃空饷专项治理工作实施方案
2014/03/04 职场文书
产品质量承诺书
2014/03/27 职场文书
行风评议整改报告
2014/11/06 职场文书
《改造我们的学习》心得体会
2014/11/07 职场文书
经济纠纷起诉状
2015/05/20 职场文书
金砖之国观后感
2015/06/11 职场文书
六一文艺汇演主持词
2015/06/30 职场文书
如何有效防止sql注入的方法
2021/05/25 SQL Server
Python实现随机生成迷宫并自动寻路
2021/06/13 Python
用Python仅20行代码编写一个简单的端口扫描器
2022/04/08 Python