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 相关文章推荐
html中使用javascript调用本地程序(exe、doc等)实现代码
Apr 26 Javascript
Js+Jq获取URL参数的集中方法示例代码
May 20 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
JavaScript严格模式详解
Jan 16 Javascript
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
Jul 27 Javascript
Node.js五大应用性能技巧小结(必须收藏)
Aug 09 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
Apr 20 Javascript
bootstrap-table formatter 使用vue组件的方法
May 09 Javascript
微信小程序实现手指拖动选项排序
Apr 22 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 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中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
基于php中使用excel的简单介绍
2013/08/02 PHP
让PHP显示Facebook的粉丝数量方法
2014/01/08 PHP
php缩放gif和png图透明背景变成黑色的解决方法
2014/10/14 PHP
Yii入门教程之Yii安装及hello world
2014/11/25 PHP
php正则匹配html中带class的div并选取其中内容的方法
2015/01/13 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
PHP操作Redis数据库常用方法示例
2018/08/25 PHP
laravel 解决多库下的DB::transaction()事务失效问题
2019/10/21 PHP
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
2012/08/14 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
javascript 用函数实现继承详解
2016/05/28 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
让你一句话理解闭包(简单易懂)
2016/06/03 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
jQuery实用密码强度检测
2017/03/02 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
利用JS响应式修改vue实现页面的input值
2019/09/02 Javascript
JavaScript canvas基于数组生成柱状图代码实例
2020/03/06 Javascript
pyqt4教程之messagebox使用示例分享
2014/03/07 Python
Python函数式编程指南(四):生成器详解
2015/06/24 Python
windows系统下Python环境搭建教程
2017/03/28 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
Python实现列表删除重复元素的三种常用方法分析
2017/11/24 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
浅谈Python中range与Numpy中arange的比较
2020/03/11 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
HTML5 微格式和相关的属性名称
2010/02/10 HTML / CSS
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
哈萨克斯坦最大的时装、鞋子和配饰在线商店:Lamoda.kz
2019/11/19 全球购物
应届生.NET方向面试题
2015/05/23 面试题
编程实现去掉XML的重复结点
2014/05/28 面试题
关于热爱祖国的演讲稿
2014/05/04 职场文书
环境保护建议书
2014/08/26 职场文书
分析Java中Map的遍历性能问题
2021/06/26 Java/Android