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 相关文章推荐
Extjs学习笔记之三 extjs form更多的表单项
Jan 07 Javascript
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
Aug 06 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
基于JavaScript实现屏幕滚动效果
Jan 18 Javascript
利用forever和pm2部署node.js项目过程
May 10 Javascript
详解webpack介绍&amp;安装&amp;常用命令
Jun 29 Javascript
微信小程序radio组件使用详解
Jan 31 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 Javascript
微信小程序url传参写变量的方法
Aug 09 Javascript
小程序兼容安卓和IOS数据处理问题及坑
Sep 18 Javascript
iview实现select tree树形下拉框的示例代码
Dec 21 Javascript
react 路由Link配置详解
Nov 11 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 验证图片生成函数
2009/05/21 PHP
PHP将XML转数组过程详解
2013/11/13 PHP
PHP 面向对象程序设计(oop)学习笔记(三) - 单例模式和工厂模式
2014/06/12 PHP
PHP打印输出函数汇总
2016/08/28 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
2015/01/12 Javascript
jquery简单实现图片切换效果的方法
2015/05/12 Javascript
js中javascript:void(0) 真正含义
2020/11/05 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
2016/04/15 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
Angular中ng-bind和ng-model的区别实例详解
2017/04/10 Javascript
使用canvas进行图像编辑的实例
2017/08/29 Javascript
react实现一个优雅的图片占位模块组件详解
2017/10/30 Javascript
mint-ui 时间插件使用及获取选择值的方法
2018/02/09 Javascript
使用vue-router设置每个页面的title方法
2018/02/11 Javascript
vue项目中api接口管理总结
2018/04/20 Javascript
微信小程序数据分析之自定义分析的实现
2018/08/17 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
Vue实现购物车实例代码两则
2020/05/30 Javascript
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
Python统计日志中每个IP出现次数的方法
2015/07/06 Python
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
大一期末自我鉴定
2013/12/13 职场文书
森林防火工作方案
2014/02/14 职场文书
初级会计求职信范文
2014/02/15 职场文书
2014年幼儿园国庆主题活动方案
2014/09/16 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
晋江市委常委班子四风问题整改工作方案
2014/10/26 职场文书
学校领导班子成员查摆问题及整改措施
2014/10/28 职场文书
2015年党风廉政建设个人总结
2015/08/18 职场文书
2016优秀青年志愿者事迹材料
2016/02/25 职场文书