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 相关文章推荐
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
jQuery 剧场版 你必须知道的javascript
May 27 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
js调用百度地图及调用百度地图的搜索功能
Sep 07 Javascript
总结Node.js中的一些错误类型
Aug 15 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
Jul 07 Javascript
vue.js 实现图片本地预览 裁剪 压缩 上传功能
Mar 01 Javascript
js经验分享 JavaScript反调试技巧
Mar 10 Javascript
Node.js操作系统OS模块用法分析
Jan 04 Javascript
在Web关闭页面时发送Ajax请求的实现方法
Mar 07 Javascript
k8s node节点重新加入master集群的实现
Feb 22 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面向对象编程快速入门
2006/12/14 PHP
用PHPdig打造属于你自己的Google[图文教程]
2007/02/14 PHP
PHPMailer邮件发送的实现代码
2013/05/04 PHP
php使用Cookie实现和用户会话的方法
2015/01/21 PHP
为你总结一些php信息函数
2015/10/21 PHP
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
2012/03/14 Javascript
javascrip关于继承的小例子
2013/05/10 Javascript
Jquery 模板数据绑定插件的使用方法详解
2013/07/08 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
当达到输入长度时表单自动切换焦点
2014/04/06 Javascript
触屏中的JavaScript事件分析
2015/02/06 Javascript
Bootstrap精简教程
2015/11/27 Javascript
原生JavaScript实现瀑布流布局
2020/06/28 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
JQuery遍历元素的父辈和祖先的方法
2016/09/18 Javascript
Vue.js组件tabs实现选项卡切换效果
2016/12/01 Javascript
element-ui表格数据转换的示例代码
2018/08/24 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
layui文件上传控件带更改后数据传值的方法
2019/09/23 Javascript
Python 2.7中文显示与处理方法
2018/07/16 Python
Sanic框架流式传输操作示例
2018/07/18 Python
Python实现的逻辑回归算法示例【附测试csv文件下载】
2018/12/28 Python
Django实现发送邮件找回密码功能
2019/08/12 Python
使用Python实现将多表分批次从数据库导出到Excel
2020/05/15 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
Python LMDB库的使用示例
2021/02/14 Python
CSS3实现文字波浪线效果示例代码
2016/11/20 HTML / CSS
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
Html5移动端获奖无缝滚动动画实现示例
2018/06/25 HTML / CSS
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
Python如何定义一个函数
2015/09/01 面试题
新课培训心得体会
2014/09/03 职场文书
个人总结格式范文
2015/03/09 职场文书
环保建议书作文400字
2015/09/14 职场文书
nginx中proxy_pass各种用法详解
2021/11/07 Servers