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 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
JS常见问题整理(持续更新)
Aug 06 Javascript
js捕获鼠标滚轮事件代码
Dec 16 Javascript
JQuery以JSON方式提交数据到服务端示例代码
May 05 Javascript
checkbox勾选判断代码分析
Jun 11 Javascript
探索Vue.js component内容实现
Nov 03 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
js实现显示手机号码效果
Mar 09 Javascript
vue自定义filters过滤器
Apr 26 Javascript
Vue2.2.0+新特性整理及注意事项
Aug 22 Javascript
javascript实现自由编辑图片代码详解
Jun 21 Javascript
js实现3D旋转相册
Aug 02 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利用MySQL保存session的实现思路及示例代码
2014/09/09 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
PHP实现简单的协程任务调度demo示例
2020/02/01 PHP
PHP中isset、empty的用法与区别示例详解
2020/11/05 PHP
jWiard 基于JQuery的强大的向导控件介绍
2011/10/28 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
2015/04/06 Javascript
JS随机洗牌算法之数组随机排序
2016/03/23 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
详解js中的apply与call的用法
2016/07/30 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
微信小程序request出现400的问题解决办法
2017/05/23 Javascript
PHP 实现一种多文件上传的方法
2017/09/20 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
详解AngularJS 过滤器的使用
2018/06/02 Javascript
vue使用监听实现全选反选功能
2018/07/06 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
2019/11/06 Javascript
antd-日历组件,前后禁止选择,只能选中间一部分的实例
2020/10/29 Javascript
js数组的基本使用总结
2021/01/18 Javascript
python实现函数极小值
2019/07/10 Python
Django 实现admin后台显示图片缩略图的例子
2019/07/28 Python
Python3安装模块报错Microsoft Visual C++ 14.0 is required的解决方法
2020/07/28 Python
SVG实现多彩圆环倒计时效果的示例代码
2017/11/21 HTML / CSS
德国隐形眼镜店:LuckyLens
2018/07/29 全球购物
ALDO加拿大官网:加拿大女鞋品牌
2018/12/22 全球购物
美国围栏公司:Walpole Outdoors
2019/11/19 全球购物
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
AJAX的优缺点都有什么
2015/08/18 面试题
学校元旦晚会方案
2014/02/19 职场文书
团代会主持词
2014/04/02 职场文书
银行资信证明
2015/06/17 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python