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 相关文章推荐
sina的lightbox效果。
Jan 09 Javascript
JS 如何获取radio选中后的值及不选择取radio的值
Oct 28 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
Nov 30 Javascript
实现js保留小数点后N位的代码
Nov 13 Javascript
基于React.js实现原生js拖拽效果引发的思考
Mar 30 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
Dec 24 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
详解一个基于套接字实现长连接的express
Mar 28 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 Javascript
uniapp 微信小程序 自定义tabBar 导航
Apr 22 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生成验证码时“图像因其本身有错无法显示”的解决方法
2013/08/07 PHP
ThinkPHP采用实现三级循环代码实例
2014/07/18 PHP
php socket实现的聊天室代码分享
2014/08/16 PHP
php版微信返回用户text输入的方法
2016/11/14 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
在jQuery1.5中使用deferred对象 着放大镜看Promise
2011/03/12 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
用jQuery实现圆点图片轮播效果
2017/03/19 Javascript
bootstrap的工具提示实例代码
2017/05/17 Javascript
使用Vue实现图片上传的三种方式
2018/07/17 Javascript
vue 解决循环引用组件报错的问题
2018/09/06 Javascript
利用Webpack实现小程序多项目管理的方法
2019/02/25 Javascript
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
python文件操作整理汇总
2014/10/21 Python
Python递归遍历列表及输出的实现方法
2015/05/19 Python
Python3处理文件中每个词的方法
2015/05/22 Python
python日志logging模块使用方法分析
2019/05/23 Python
python读取目录下所有的jpg文件,并显示第一张图片的示例
2019/06/13 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
2019/08/06 Python
整理HTML5移动端开发的常用触摸事件
2016/04/15 HTML / CSS
资产经营总监岗位职责
2013/12/04 职场文书
高一自我鉴定
2013/12/17 职场文书
2014自主招生自荐信策略
2014/01/27 职场文书
大二学生职业生涯规划书
2014/02/05 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
企业新年寄语
2014/04/04 职场文书
思想政治表现评语
2015/01/04 职场文书
工作简历自我评价
2015/03/11 职场文书
公司清洁工岗位职责
2015/04/15 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书
毕业欢送会致辞
2015/07/29 职场文书
九年级英语教学反思
2016/02/15 职场文书
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js