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中使用构造器创建对象无需new的情况说明
Mar 01 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
Apr 06 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
jQuery实现连续动画效果实例分析
Oct 09 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
Oct 18 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
Jan 29 Javascript
详解Vue 全局变量,局部变量
Apr 17 Javascript
php结合js实现多条件组合查询
May 28 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 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+jQuery实现滚屏无刷新动态加载数据功能详解
2017/05/04 PHP
详解关于php的xdebug配置(编辑器vscode)
2019/01/29 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
jQuery 获取URL参数的插件
2010/03/04 Javascript
JS无限树状列表实现代码
2011/01/11 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
jQuery的图片滑块焦点图插件整理推荐
2014/12/07 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
2016/08/01 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
2017/01/18 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
es6的数字处理的方法(5个)
2017/03/16 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
微信小程序录音与播放录音功能
2017/12/25 Javascript
微信小程序实现折叠展开效果
2018/07/19 Javascript
JS数组方法push()、pop()用法实例分析
2020/01/18 Javascript
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
python利用hook技术破解https的实例代码
2013/03/25 Python
对Python 窗体(tkinter)文本编辑器(Text)详解
2018/10/11 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
对python中的os.getpid()和os.fork()函数详解
2019/08/08 Python
Django使用Jinja2模板引擎的示例代码
2019/08/09 Python
基于python操作ES实例详解
2019/11/16 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
python中count函数简单的实例讲解
2020/02/06 Python
Python sqlalchemy时间戳及密码管理实现代码详解
2020/08/01 Python
详解Python高阶函数
2020/08/15 Python
Hertz荷兰:荷兰和全球租车
2018/01/07 全球购物
本科毕业生的求职信范文
2013/11/20 职场文书
暑期培训随笔感言
2014/03/10 职场文书
建筑工地门卫岗位职责
2014/04/30 职场文书
国旗下讲话演讲稿
2014/05/08 职场文书
2014年保卫科工作总结
2014/12/05 职场文书
暑期社会实践新闻稿
2015/07/17 职场文书
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers