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 相关文章推荐
如何让DIV可编辑、可拖动示例代码
Sep 18 Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
Dec 14 Javascript
js加减乘除丢失精度问题解决方法
May 16 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
深入解析JavaScript中的数字对象与字符串对象
Oct 21 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
Jan 04 Javascript
使用ajaxfileupload.js实现上传文件功能
Aug 13 Javascript
javascript实现无法关闭的弹框
Nov 27 Javascript
Angular.Js中ng-include指令的使用与实现
May 07 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
Nov 03 Javascript
js实现点赞按钮功能的实例代码
Mar 06 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
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
用php随机生成福彩双色球号码的2种方法
2013/02/04 PHP
PHP禁止个别IP访问网站
2013/10/30 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
Linux环境下php实现给网站截图的方法
2016/05/03 PHP
php实现简单加入购物车功能
2017/03/07 PHP
PHP cURL获取微信公众号access_token的实例
2018/04/28 PHP
用javascript自动显示最后更新时间
2007/03/15 Javascript
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
2009/02/18 Javascript
JavaScript中的类继承
2010/11/25 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
jQuery选择器源码解读(七):elementMatcher函数
2015/03/31 Javascript
javascript封装的sqlite操作类实例
2015/07/17 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
js date 格式化
2017/02/15 Javascript
layui中layer前端组件实现图片显示功能的方法分析
2017/10/13 Javascript
微信小程序tabBar用法实例详解
2017/12/04 Javascript
Vue+Django项目部署详解
2019/05/30 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
python创建关联数组(字典)的方法
2015/05/04 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
Python语言进阶知识点总结
2019/05/28 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
Python封装成可带参数的EXE安装包实例
2019/08/24 Python
Python基于Tensor FLow的图像处理操作详解
2020/01/15 Python
在django中使用apscheduler 执行计划任务的实现方法
2020/02/11 Python
Python阶乘求和的代码详解
2020/02/14 Python
使用已经得到的keras模型识别自己手写的数字方式
2020/06/29 Python
意大利奢侈品购物网站:Deliberti
2019/10/08 全球购物
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
2014年出纳工作总结与计划
2014/12/09 职场文书
全国劳模先进事迹材料(2016精选版)
2016/02/25 职场文书
解决Maven项目中 Invalid bound statement 无效的绑定问题
2021/06/15 Java/Android