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 相关文章推荐
Add Formatted Text to a Word Document
Jun 15 Javascript
javascript onmouseout 解决办法
Jul 17 Javascript
window.open以post方式将内容提交到新窗口
Dec 26 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
Dec 08 Javascript
javascript中mouseover、mouseout使用详解
Jul 19 Javascript
浅谈javascript的call()、apply()、bind()的用法
Feb 21 Javascript
jquery显示隐藏元素的实现代码
May 19 Javascript
完美的js图片轮换效果
Feb 05 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
Nov 08 Javascript
基于vue.js实现分页查询功能
Dec 29 Javascript
vue中的循环对象属性和属性值用法
Sep 04 Javascript
JavaScript实现轮播图效果
Oct 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
PHP 数组教程 定义数组
2009/10/23 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
javascript学习笔记(七) js函数介绍
2012/06/19 Javascript
JavaScript window.document的属性、方法和事件小结
2012/10/24 Javascript
jQuery contains过滤器实现精确匹配使用方法
2013/04/12 Javascript
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
jQuery select表单提交省市区城市三级联动核心代码
2014/06/09 Javascript
jquery显示隐藏input对象
2014/07/21 Javascript
Lua表达式和控制结构学习笔记
2014/12/15 Javascript
JavaScript中的继承方式详解
2015/02/11 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
Knockout自定义绑定创建方法
2015/12/26 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
2016/04/05 Javascript
JS组件Bootstrap导航条使用方法详解
2016/04/29 Javascript
使用jquery获取url及url参数的简单实例
2016/06/14 Javascript
AngularJS入门教程之Select(选择框)详解
2016/07/27 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
JS实现选定指定HTML元素对象中指定文本内容功能示例
2017/02/13 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
细述Javascript的加法运算符的具体使用
2019/10/18 Javascript
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
vue学习笔记之作用域插槽实例分析
2020/02/01 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
[40:55]Liquid vs LGD 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python 通过xml获取测试节点和属性的实例
2018/03/31 Python
Python基于pyCUDA实现GPU加速并行计算功能入门教程
2018/06/19 Python
Linux下python制作名片示例
2018/07/20 Python
详解pandas.DataFrame中删除包涵特定字符串所在的行
2019/04/04 Python
日本著名的平价时尚女性购物网站:Fifth
2016/08/24 全球购物
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
个人党性锻炼总结
2015/03/05 职场文书
求职信内容一般写什么?
2015/03/20 职场文书
职工培训工作总结
2015/08/10 职场文书