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 相关文章推荐
javascript操作文本框readOnly
May 15 Javascript
JavaScript Prototype对象
Jan 07 Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
Jan 17 Javascript
jQuery $.data()方法使用注意细节
Dec 31 Javascript
JavaScript回调(callback)函数概念自我理解及示例
Jul 04 Javascript
js获取url中的参数且参数为中文时通过js解码
Mar 19 Javascript
jQuery层动画定位滑动效果的方法
Apr 30 Javascript
JavaScript实现显示函数调用堆栈的方法
Apr 21 Javascript
vue生成token保存在客户端localStorage中的方法
Oct 25 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
微信小程序自定义轮播图
Nov 04 Javascript
Vue全局事件总线你了解吗
Feb 24 Vue.js
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/09/09 PHP
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
PHP通过插入mysql数据来实现多机互锁实例
2014/11/05 PHP
php使用ZipArchive函数实现文件的压缩与解压缩
2015/10/27 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
改变javascript函数内部this指针指向的三种方法
2010/04/23 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
2015/11/02 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
jquery滚动条插件slimScroll使用方法
2017/02/09 Javascript
NodeJS测试框架mocha入门教程
2017/03/28 NodeJs
详解用node编写自己的cli工具
2017/05/23 Javascript
深入理解Angular4中的依赖注入
2017/06/07 Javascript
ES6中Class类的静态方法实例小结
2017/10/28 Javascript
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
JavaScript交换两个变量方法实例
2019/11/25 Javascript
ant-design-vue按需加载的坑的解决
2020/05/14 Javascript
Vue axios 跨域请求无法带上cookie的解决
2020/09/08 Javascript
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
深入理解python中的闭包和装饰器
2016/06/12 Python
使用python爬虫获取黄金价格的核心代码
2018/06/13 Python
python+selenium 定位到元素,无法点击的解决方法
2019/01/30 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
Python魔法方法功能与用法简介
2019/04/04 Python
Python openpyxl 插入折线图实例
2020/04/17 Python
解决导入django_filters不成功问题No module named 'django_filter'
2020/07/15 Python
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
沙特阿拉伯电子产品和家用电器购物网站:Black Box
2019/07/24 全球购物
小学生自我鉴定
2013/10/12 职场文书
会计毕业生自荐书
2014/06/12 职场文书
自愿离婚协议书范本2016
2016/03/18 职场文书
JS ES6异步解决方案
2021/04/29 Javascript
python数字转对应中文的方法总结
2021/08/02 Python
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL