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(JS) 压缩 / 混淆 / 格式化 批处理工具
Dec 10 Javascript
jQuery EasyUI API 中文文档 - DataGrid数据表格
Nov 17 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
Oct 23 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
May 23 Javascript
bootstrap配合Masonry插件实现瀑布式布局
Jan 18 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
Apr 22 Javascript
JS获取input[file]的值并显示在页面的实现方法
Mar 09 Javascript
微信小程序WebSocket实现聊天对话功能
Jul 06 Javascript
Vue中div contenteditable 的光标定位方法
Aug 25 Javascript
Element input树型下拉框的实现代码
Dec 21 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
Aug 20 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
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
比较详细PHP生成静态页面教程
2012/01/10 PHP
PHP时间戳 strtotime()使用方法和技巧
2013/10/29 PHP
PHP实现合并discuz用户
2015/08/05 PHP
php中switch语句用法详解
2015/08/17 PHP
PHP实现文件下载【实例分享】
2017/04/28 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
JavaScript 动态添加表格行 使用模板、标记
2009/10/24 Javascript
扩展JavaScript功能的正确方法(译文)
2012/04/12 Javascript
nodeJS代码实现计算交社保是否合适
2015/03/09 NodeJs
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
JavaScript继承学习笔记【新手必看】
2016/05/10 Javascript
Javascript如何判断数据类型和数组类型
2016/06/22 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
浅谈js中的this问题
2017/08/31 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
mpvue小程序循环动画开启暂停的实现方法
2019/05/15 Javascript
js实现的在本地预览图片功能示例
2019/11/09 Javascript
Python 中开发pattern的string模板(template) 实例详解
2017/04/01 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
python读取Excel实例详解
2018/08/17 Python
Python多进程原理与用法分析
2018/08/21 Python
Python unittest生成测试报告过程解析
2020/09/08 Python
CSS3下的渐变文字效果实现示例
2018/03/02 HTML / CSS
Canvas 文字碰撞检测并抽稀的方法
2019/05/27 HTML / CSS
凯特·丝蓓英国官网:Kate Spade英国
2016/11/07 全球购物
美国摩托车头盔、零件、齿轮及配件商店:Cycle Gear
2019/06/12 全球购物
护理专业本科生自荐信
2013/10/01 职场文书
文秘专业大学生求职信
2013/11/10 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
党的群众路线教育实践活动对照检查材料
2014/09/22 职场文书
无罪辩护词范文
2015/05/21 职场文书
中学生运动会广播稿
2015/08/19 职场文书
2016感恩父亲节主题广播稿
2015/12/18 职场文书
Nginx 路由转发和反向代理location配置实现
2021/11/11 Servers