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引导程序
Oct 26 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
JavaScript面向对象之私有静态变量实例分析
Jan 14 Javascript
在React框架中实现一些AngularJS中ng指令的例子
Mar 06 Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 Javascript
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
JavaScript使用localStorage存储数据
Sep 25 Javascript
Vue数据双向绑定底层实现原理
Nov 22 Javascript
Js跳出两级循环方法代码实例
Sep 22 Javascript
Vue ​v-model相关知识总结
Jan 28 Vue.js
基于JavaScript实现随机点名器
Feb 25 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
PL-880隐藏功能
2021/03/01 无线电
PHP的简易冒泡法代码分享
2012/08/28 PHP
phpwind放自动注册方法
2006/12/02 Javascript
js 时间格式与时间戳的相互转换示例代码
2013/12/25 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
2种jQuery 实现刮刮卡效果
2015/02/01 Javascript
AngularJS动态加载模块和依赖的方法分析
2016/11/08 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
轻松理解JavaScript之AJAX
2017/03/15 Javascript
jquery点赞功能实现代码 点个赞吧!
2020/05/29 jQuery
浅析 NodeJs 的几种文件路径
2017/06/07 NodeJs
Bootstrap按钮组实例详解
2017/07/03 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
python绘图库Matplotlib的安装
2014/07/03 Python
Python实现的rsa加密算法详解
2018/01/24 Python
Pycharm设置去除显示的波浪线方法
2018/10/28 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
Python绘图Matplotlib之坐标轴及刻度总结
2019/06/28 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
Python爬虫爬取新闻资讯案例详解
2020/07/14 Python
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
应届生服务员求职信
2013/10/31 职场文书
舞蹈教育学专业推荐信
2013/11/27 职场文书
公司行政经理岗位职责
2013/12/24 职场文书
物业消防安全责任书
2014/07/23 职场文书
销售竞赛活动方案
2014/08/23 职场文书
幼儿园大班个人总结
2015/02/28 职场文书
小学体育跳绳课教学反思
2016/02/16 职场文书
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python
如何通过cmd 连接阿里云服务器
2022/04/18 Servers