原文:
http://windandstorm.iteye.com/blog/730920
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();
即:每次的访问地址都不一样,因为有加随机数。所以问题解决
分享到:
相关推荐
在Chrome、Firefox等现代浏览器中,通过`document.getElementById`获取元素并直接设置`src`属性的新值,通常能够正常工作,图片会按预期加载。但在IE中,尤其是IE8及以下版本,由于浏览器的实现机制不同,可能会出现...
兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览"提供了一个JavaScript解决方案,用于实现一个功能强大的本地图片预览功能,它能在多种主流浏览器中正常工作,包括古老的Internet Explorer ...
在这个场景中,我们关注的是如何在JavaScript中处理图片的粘贴功能,尤其是让这个功能在IE11、Chrome和Firefox这三大主流浏览器中正常工作。下面将详细探讨实现这一功能的关键知识点。 1. **剪贴板API**: - 在...
本教程将探讨如何实现一个图片滚动展示功能,并在单击时使用prettyPhoto插件实现图片放大,同时确保代码兼容多种浏览器,包括IE6、IE7、IE8、Firefox和Chrome。 首先,`prettyPhoto`是一个流行的jQuery插件,它为...
本篇文章将详细探讨如何实现“图片上传预览”功能,并确保在IE 6/7/8及Firefox(包括新版)等浏览器中的兼容性。 首先,我们需要了解不同浏览器对HTML5新特性的支持情况。现代浏览器如Chrome、Safari和新版Firefox...
在网页开发中,确保图片在不同的浏览器上,如Internet Explorer(IE)、Firefox和Chrome中能够正确缩放是一项重要任务。由于各个浏览器对CSS、JavaScript等技术的实现可能存在差异,因此需要采用兼容性处理来实现这...
测试浏览器:firefox6,firefox12,chrome 25.0.1364.172 m,IE6-IE10 都兼容 safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法,暂时无解,需要上传到服务器后返回临时文件名用img标签加载,不...
如果img标签的src属性值为空(即<img src="">),在非IE浏览器(如Firefox、Safari和Chrome)中,浏览器会发出两次请求。第一次请求是由img标签的src属性触发的,尽管其值为空;第二次请求则是浏览器自动发送的,...
在互联网的早期,浏览器兼容性问题一直是开发者头疼的问题,尤其是对于IE6、IE7和IE8这些较老的版本。本文将深入探讨如何实现一个兼容这些老版本IE以及Firefox的本地图片上传预览功能。 首先,我们需要理解浏览器...
标题 "兼容ie,Firefox的文件上传" 涉及的核心知识点是实现跨浏览器的文件上传功能,特别是针对Internet Explorer(IE)和Firefox这两个主流浏览器的兼容性问题。在Web开发中,由于不同浏览器对HTML、CSS和JavaScript...
这篇内容主要关注的是如何创建一个适用于多种浏览器的Banner广告图片,包括了较老版本的Internet Explorer(从IE6到IE10),以及Firefox和Google Chrome等现代浏览器。在Web开发中,考虑到不同浏览器对某些CSS、...
鼓励用户升级到更现代的浏览器版本,或者使用其他兼容性更好的浏览器,如Firefox、Chrome等。 通过上述方法,开发者可以有效地解决在IE6中显示PNG图片时遇到的透明问题。不过,随着现代浏览器的普及,这个问题在新...
本文将详细讲解如何利用jQuery和CSS3实现一个支持IE9及以上、Chrome、Safari、Firefox和Opera等主流浏览器的手风琴图片折叠滑开代码。 一、jQuery基础 jQuery是一个轻量级的JavaScript库,它的出现极大地简化了...
javascript: $(function(){ $("#KinSlideshow").KinSlideshow(); }) ... <a href="http://www.qq1.com" target="_blank"><img src="images/1.jpg" alt="这是标题一" /...兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera。
本文将深入探讨如何在Firefox下处理img元素的拖拽效果,同时也会涉及到一些源码分析和实用工具的运用。 一、HTML5拖放API基础 HTML5的拖放API提供了一种直观的方式来实现元素的拖放功能,允许用户通过鼠标操作来...
本文将围绕“光标处插入”这一主题,深入探讨如何在不同的浏览器环境下,如IE6、IE7和Firefox(FF)中实现兼容性的光标插入功能,特别适用于编辑器中的表情浏览和插入。 首先,让我们了解光标插入的基本概念。在Web...
之前在做一个图片浏览效果时,要看后面的小图必须等到前面的加载完,而且大图的位置是在大量的小图后面,...兼容:ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0 其中safari和chrome部分功能不支持。
标题 "使网页变灰,支持IE、FireFox、Opera、360浏览器等" 提到的是一个关于实现网页变灰效果的技术,这个效果通常在网站上用于表示哀悼或者纪念活动,将整个页面调成灰色。这个技术涉及到浏览器兼容性和JavaScript...
这个话题涉及到的主要技术是JavaScript,特别是如何使用JavaScript来实现跨浏览器(包括IE、Firefox和Google Chrome)的图片预览功能。下面将详细介绍这一知识点。 首先,我们需要理解浏览器对文件API的支持。现代...