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 相关文章推荐
jquery $.ajax相关用法分享
Mar 16 Javascript
js中return false(阻止)的用法
Aug 14 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
May 12 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
Oct 13 Javascript
js导出excel文件的简洁方法(推荐)
Nov 02 Javascript
在一个页面重复使用一个js函数的方法详解
Dec 26 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
JS获取短信验证码倒计时的实现代码
May 22 Javascript
spirngmvc js传递复杂json参数到controller的实例
Mar 29 Javascript
webpack源码之loader机制详解
Apr 06 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
May 22 Javascript
JS XMLHttpRequest原理与使用方法深入详解
Apr 30 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
自动跳转中英文页面
2006/10/09 PHP
傻瓜化配置PHP环境――Appserv
2006/12/13 PHP
php 中英文语言转换类
2011/09/07 PHP
PHP SPL标准库之数据结构堆(SplHeap)简单使用实例
2015/05/12 PHP
php通过前序遍历树实现无需递归的无限极分类
2015/07/10 PHP
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
tp5(thinkPHP5)操作mongoDB数据库的方法
2018/01/20 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
javascript 树形导航菜单实例代码
2013/08/13 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
jQuery特殊符号转义的实现
2016/11/30 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
JS+DIV实现的卷帘效果示例
2017/03/22 Javascript
Vue.js 单页面多路由区域操作的实例详解
2017/07/17 Javascript
Vue学习笔记进阶篇之函数化组件解析
2017/07/21 Javascript
值得收藏的vuejs安装教程
2017/11/21 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
2019/01/18 jQuery
jQuery实现可编辑的表格
2019/12/11 jQuery
通过实例解析json与jsonp原理及使用方法
2020/09/27 Javascript
python多线程用法实例详解
2015/01/15 Python
pygame学习笔记(5):游戏精灵
2015/04/15 Python
分享几道你可能遇到的python面试题
2017/07/24 Python
python机器学习库常用汇总
2017/11/15 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
Anaconda2下实现Python2.7和Python3.5的共存方法
2018/06/11 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
python opencv鼠标事件实现画框圈定目标获取坐标信息
2020/04/18 Python
Python startswith()和endswith() 方法原理解析
2020/04/28 Python
python使用matplotlib:subplot绘制多个子图的示例
2020/09/24 Python
HTML5在IE10、火狐下中文乱码问题的解决方法
2013/11/18 HTML / CSS
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
毕业生教师求职信
2013/10/20 职场文书
公司年会主持词
2014/03/22 职场文书
centos8安装MongoDB的详细过程
2021/10/24 MongoDB