`
tianqing52
  • 浏览: 42927 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

javascript修改IMG标签的SRC实现验证码时,IE6/chrome正常,火狐和IE8出状况

阅读更多
原文: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();
    即:每次的访问地址都不一样,因为有加随机数。所以问题解决
分享到:
评论

相关推荐

    兼容最新firefox、chrome和IE的javascript图片预览实现代码

    测试浏览器:firefox6,firefox12,chrome 25.0.1364.172 m,IE6-IE10 都兼容 safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法,暂时无解,需要上传到服务器后返回临时文件名用img标签加载,不...

    KinSlideshow-1.1

    javascript: $(function(){ $("#KinSlideshow").KinSlideshow(); }) ... &lt;a href="http://www.qq1.com" target="_blank"&gt;&lt;img src="images/1.jpg" alt="这是标题一" /...兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera。

    Javascript 延迟加载图片

    之前在做一个图片浏览效果时,要看后面的小图必须等到前面的加载完,而且大图的位置是在大量的小图后面,...兼容:ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0 其中safari和chrome部分功能不支持。

    解读html5关于html5的应用与认识

    这些标签被除了IE 外的所有现代浏览器(Firefox 3+、Safari 3.1+、Chrome 2+、and Opera 9.6+)支持。Javascript 提供了document.createElement(tagName) 的方法,让你可以用来创建新的 HTML5 标签。代替自己创建...

    xheditor v1.0.0 rc2 build 100401

    xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 xhEditor is a simple,small,fast WYSWYG(What You See ...

    browser-extension:浏览器扩展模板和工具-适用于Chrome,Firefox和Safari

    浏览器扩展模板和工具此存储库使您在开发浏览器扩展时的生活变得更加轻松。 在应用程序代码和特定于浏览器的代码及配置之间提供清晰的区分。 打包您的扩展程序,因此您不必这样做。 您剩下要做的就是代码和分发!...

    meteor-lazyload-xt:Lazy load XT 是一个用于图像、视频和其他媒体的 jQuery 插件

    目前已在 IE 6-11、Chrome 1-31、Firefox 1.5-27.0、Safari 3-7、Opera 10.6-18.0、iOS 5-7、Android 2.3-4.4、Amazon Kindle Fire 2 和 HD 8.9、Opera Mini 7 中测试。安装meteor add strikeout:lazyload-xt 用法...

    左侧红色js悬浮QQ在线客服插件代码

    适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.其他浏览器访问。 使用方法: 1、下载客服插件先解压,把解压文件上传到网站默认风格的摸版里面,把客服插件中三个文件夹上传至网站...

    ExtAspNet_v2.3.2_dll

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    图库新版jQuery焦点图 JS代码

    //document.writeln ('&lt;dd&gt;06月21日 修复IE6下兼容问题&lt;/dd&gt;'); //document.writeln ('&lt;dd&gt;06月01日 懒人图库2012新版上线&lt;/dd&gt;'); //document.writeln ('&lt;dd&gt;05月26日 新增北方网通服务器&lt;/dd&gt;'); //document....

    tgen:JavaScript中的无缝纹理生成器

    在浏览器中运行-&gt; Google Chrome,Firefox,Edge(可能是IE 10+,未经测试) 在CLI下运行-&gt; node.js 快速用法和示例 // initialize the generator var generator = tgen . init ( 256 , 256 ) ; // --- texture...

    JS获取图片高度宽度的方法分享

    一般获取图片高度宽度的写法: ...在做web开发,其中有一个需求:利用Javascript获取要加载的图片的尺寸,所以很自然的,想到了img的onload方法,在firefox下开发完成后,到IE下调试,发现img的onlo

    xIFr:适用于Firefox [和Chrome]的Web浏览器的Exif查看器WebExtension

    但是, “深度搜索”功能(如下所述)需要Firefox 63(兼容)或更高版本。 要从此存储库创建浏览器扩展,只需创建一个包含WebExtension文件夹内容的zip文件。 为什么要使用另一个Exif查看器? 因为我感到其他Exif...

    js获取文件大小

    需求:客户端上传文件时,想先判断下文件的大小,如果超过一定大小...实现原理:根据不同浏览器的差异,在firefox和chrome中obj_file.files[0].size 获取文件打下,在ie6,ie7, ie8 中通过img的fileSize属性来获取大小

    基于jquery的图片自适应,无需等待img加载

    摘要:脚本资源,Ajax/JavaScript,图片自适应 autoIMG 基于jquery的图片自适应,无需等待img加载,说明:  autoIMG可以快速对文章图片...autoIMG兼容:Chrome | Firefox | Sifari | Opera | IE6 | IE7 | IE8 | ...  

    html入门到放弃笔记

    2、Mozilla Firefox 3、Google Chrome 4、Apple Safari 5、Opera Opera(欧朋) 3、主要技术 1、HTML 2、CSS 3、Javascript 2、HTML入门(重点) 1、什么是HTML Hyper Text Markup Language 超级 文本 标记 ...

    Present:一个简洁的个人主页,支持显示博客文章

    Firefox Other 11+(Partial Support) 49+ 52+ (?) Setting-up: 随机背景图片 将图片放入static/img/内. 建议放入一个图片的缩略图优化加载体验. 在index.html内找到var bgArr = [... 按以下格式添加一个对象: { ...

    no-more-hangouts-easter-eggs:我讨厌谷歌视频群聊中的一些复活节彩蛋

    如果您获得了时尚的扩展程序(可用于 Firefox 或可用于 chrome ),那么您只需使用以下代码添加用户样式: img [ src *= "chat/babble/ee/anim" ] { display : none; } 并将其设置为应用域talkgadget.google.com上...

    imgloader:简单的资源加载进度模拟

    兼容性{ PC: [IE9+,Chrome,FireFox] , Mobile: [] }version"0.2.0":增加音频/视频文件的加载"0.2.1":增加 CMD,AMD 引用"0.2.2":修复 音频/视频文件 replay时 触发imgLoaded事件的BUGfunction ImgLoader(property,...

Global site tag (gtag.js) - Google Analytics