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操作xml
Nov 04 Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
Oct 26 Javascript
Three.js源码阅读笔记(Object3D类)
Dec 27 Javascript
js Math 对象的方法
Sep 01 Javascript
JS控制输入框内字符串长度
May 21 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
Mar 03 Javascript
浅谈addEventListener和attachEvent的区别
Jul 14 Javascript
VeeValidate在vue项目里表单校验应用案例
May 09 Javascript
深入理解js 中async 函数的含义和用法
May 13 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
Oct 08 Javascript
Vuex 单状态库与多模块状态库详解
Dec 11 Javascript
详细介绍Next.js脚手架完整搭建封装
Apr 26 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中fwrite与file_put_contents性能测试代码
2013/08/02 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
PHP编译configure时常见错误的总结
2017/08/17 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
动手学习无线电
2021/03/10 无线电
javascript字符串拼接的效率问题
2010/12/25 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
jQuery 删除/替换DOM元素的几种方式
2014/05/20 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
js图片轮播效果实现代码
2020/04/18 Javascript
jquery限定文本框只能输入数字(整数和小数)
2016/01/08 Javascript
老司机带你解读jQuery插件开发流程
2016/05/16 Javascript
ie下js不执行的几种可能
2017/02/28 Javascript
Vue响应式添加、修改数组和对象的值
2017/03/20 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
2017/06/15 Javascript
解决vue-router进行build无法正常显示路由页面的问题
2018/03/06 Javascript
浅谈如何通过node.js对数据进行MD5加密
2018/05/16 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
2020/03/06 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
Python利用pyHook实现监听用户鼠标与键盘事件
2014/08/21 Python
Django Channels 实现点对点实时聊天和消息推送功能
2019/07/17 Python
Django密码系统实现过程详解
2019/07/19 Python
django之状态保持-使用redis存储session的例子
2019/07/28 Python
Python 进程操作之进程间通过队列共享数据,队列Queue简单示例
2019/10/11 Python
美国知名奢侈美容品牌零售商:Cos Bar
2017/04/21 全球购物
Bluebella美国官网:英国性感内衣品牌
2018/10/04 全球购物
医学类导师推荐信范文
2013/11/19 职场文书
物流管理专业毕业生求职信
2014/03/23 职场文书
送温暖献爱心活动总结
2014/07/08 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
html5实现点击弹出图片功能
2021/07/16 HTML / CSS
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers