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 delete 属性的使用
Oct 08 Javascript
javascript操作cookie的文章(设置,删除cookies)
Apr 01 Javascript
动态创建样式表在各浏览器中的差异测试代码
Sep 13 Javascript
js open() 与showModalDialog()方法使用介绍
Sep 10 Javascript
转换字符串为json对象的方法详解
Nov 29 Javascript
js中的onchange和onpropertychange (onchange无效的解决方法)
Mar 08 Javascript
vue货币过滤器的实现方法
Apr 01 Javascript
Vue集成Iframe页面的方法示例
Dec 12 Javascript
JavaScript实现左侧菜单效果
Dec 14 Javascript
vue中如何让子组件修改父组件数据
Jun 14 Javascript
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
Node.js连接Sql Server 2008及数据层封装详解
Aug 27 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以ROOT权限执行系统命令的方法
2011/02/10 PHP
php中的静态变量的基本用法
2014/03/20 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
避免Smarty与CSS语法冲突的方法
2015/03/02 PHP
linux mint下安装phpstorm2020包括JDK部分的教程详解
2020/09/17 PHP
jquery创建div 实现代码
2009/04/27 Javascript
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
上传文件返回的json数据会被提示下载问题解决方案
2014/12/03 Javascript
js选项卡的实现方法
2015/02/09 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
javascript html5移动端轻松实现文件上传
2020/03/27 Javascript
EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法
2017/01/19 Javascript
vue使用rem实现 移动端屏幕适配
2018/09/26 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
微信小程序分包加载代码实现方法详解
2019/09/23 Javascript
Node在Controller层进行数据校验的过程详解
2020/08/28 Javascript
[40:01]OG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
Python 使用PIL numpy 实现拼接图片的示例
2018/05/08 Python
python实现文本界面网络聊天室
2018/12/12 Python
django 控制页面跳转的例子
2019/08/06 Python
python定位xpath 节点位置的方法
2019/08/27 Python
解决Python二维数组赋值问题
2019/11/28 Python
Python实现桌面翻译工具【新手必学】
2020/02/12 Python
Python如何给你的程序做性能测试
2020/07/29 Python
实列教程 一款基于jquery和css3的响应式二级导航菜单
2014/11/13 HTML / CSS
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
心理健康教育心得体会
2013/12/29 职场文书
护理专业毕业生自荐信
2014/06/15 职场文书
好的促销活动方案
2014/08/21 职场文书
校外活动方案
2014/08/28 职场文书
审美与表现自我评价
2015/03/09 职场文书
2015年新教师工作总结
2015/04/28 职场文书
2015年试用期工作总结范文
2015/05/28 职场文书
暂住证明怎么写
2015/06/19 职场文书