`
tianqing52
  • 浏览: 43369 次
  • 性别: 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();
    即:每次的访问地址都不一样,因为有加随机数。所以问题解决
分享到:
评论

相关推荐

    js改变img标签的src属性在IE下没反应的解决方法

    在Chrome、Firefox等现代浏览器中,通过`document.getElementById`获取元素并直接设置`src`属性的新值,通常能够正常工作,图片会按预期加载。但在IE中,尤其是IE8及以下版本,由于浏览器的实现机制不同,可能会出现...

    2014-5-6更新 兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览

    兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览"提供了一个JavaScript解决方案,用于实现一个功能强大的本地图片预览功能,它能在多种主流浏览器中正常工作,包括古老的Internet Explorer ...

    js粘贴图片(可以显示或上传)仅支持IE11,chrome,firefox

    在这个场景中,我们关注的是如何在JavaScript中处理图片的粘贴功能,尤其是让这个功能在IE11、Chrome和Firefox这三大主流浏览器中正常工作。下面将详细探讨实现这一功能的关键知识点。 1. **剪贴板API**: - 在...

    图片滚动展示单击放大代码,使用prettyPhoto插件,代码兼容:IE6,IE7,IE8,Firefox,chrome

    本教程将探讨如何实现一个图片滚动展示功能,并在单击时使用prettyPhoto插件实现图片放大,同时确保代码兼容多种浏览器,包括IE6、IE7、IE8、Firefox和Chrome。 首先,`prettyPhoto`是一个流行的jQuery插件,它为...

    图片上传 预览 兼容 IE firefox

    本篇文章将详细探讨如何实现“图片上传预览”功能,并确保在IE 6/7/8及Firefox(包括新版)等浏览器中的兼容性。 首先,我们需要了解不同浏览器对HTML5新特性的支持情况。现代浏览器如Chrome、Safari和新版Firefox...

    兼容IE,firefox,chrome图片缩放功能

    在网页开发中,确保图片在不同的浏览器上,如Internet Explorer(IE)、Firefox和Chrome中能够正确缩放是一项重要任务。由于各个浏览器对CSS、JavaScript等技术的实现可能存在差异,因此需要采用兼容性处理来实现这...

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

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

    img标签src属性值为空时2次请求问题(非ie浏览器)

    如果img标签的src属性值为空(即&lt;img src=""&gt;),在非IE浏览器(如Firefox、Safari和Chrome)中,浏览器会发出两次请求。第一次请求是由img标签的src属性触发的,尽管其值为空;第二次请求则是浏览器自动发送的,...

    兼容ie6、ie7、ie8 和FF的本地上传图片预览

    在互联网的早期,浏览器兼容性问题一直是开发者头疼的问题,尤其是对于IE6、IE7和IE8这些较老的版本。本文将深入探讨如何实现一个兼容这些老版本IE以及Firefox的本地图片上传预览功能。 首先,我们需要理解浏览器...

    兼容ie,Firefox的文件上传

    标题 "兼容ie,Firefox的文件上传" 涉及的核心知识点是实现跨浏览器的文件上传功能,特别是针对Internet Explorer(IE)和Firefox这两个主流浏览器的兼容性问题。在Web开发中,由于不同浏览器对HTML、CSS和JavaScript...

    Banner广告图片 (兼容IE6-IE10 火狐 谷歌等浏览器的)

    这篇内容主要关注的是如何创建一个适用于多种浏览器的Banner广告图片,包括了较老版本的Internet Explorer(从IE6到IE10),以及Firefox和Google Chrome等现代浏览器。在Web开发中,考虑到不同浏览器对某些CSS、...

    IE6_PNG透明终极解决办法

    鼓励用户升级到更现代的浏览器版本,或者使用其他兼容性更好的浏览器,如Firefox、Chrome等。 通过上述方法,开发者可以有效地解决在IE6中显示PNG图片时遇到的透明问题。不过,随着现代浏览器的普及,这个问题在新...

    基于jQuery+CSS3 手风琴图片折叠滑开代码(支持ie9 chrome safari firefox opera).zip

    本文将详细讲解如何利用jQuery和CSS3实现一个支持IE9及以上、Chrome、Safari、Firefox和Opera等主流浏览器的手风琴图片折叠滑开代码。 一、jQuery基础 jQuery是一个轻量级的JavaScript库,它的出现极大地简化了...

    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。

    关于firefox下img元素拖拽效果处理

    本文将深入探讨如何在Firefox下处理img元素的拖拽效果,同时也会涉及到一些源码分析和实用工具的运用。 一、HTML5拖放API基础 HTML5的拖放API提供了一种直观的方式来实现元素的拖放功能,允许用户通过鼠标操作来...

    光标处插入,兼容IE6,IE7,FF等,适用于编辑器,浏览插入表情

    本文将围绕“光标处插入”这一主题,深入探讨如何在不同的浏览器环境下,如IE6、IE7和Firefox(FF)中实现兼容性的光标插入功能,特别适用于编辑器中的表情浏览和插入。 首先,让我们了解光标插入的基本概念。在Web...

    Javascript 延迟加载图片

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

    使网页变灰,支持IE、FireFox、Opera、360浏览器等

    标题 "使网页变灰,支持IE、FireFox、Opera、360浏览器等" 提到的是一个关于实现网页变灰效果的技术,这个效果通常在网站上用于表示哀悼或者纪念活动,将整个页面调成灰色。这个技术涉及到浏览器兼容性和JavaScript...

    js上传前预览图片,兼容IE,firefox,google

    这个话题涉及到的主要技术是JavaScript,特别是如何使用JavaScript来实现跨浏览器(包括IE、Firefox和Google Chrome)的图片预览功能。下面将详细介绍这一知识点。 首先,我们需要理解浏览器对文件API的支持。现代...

Global site tag (gtag.js) - Google Analytics