`
齐晓威_518
  • 浏览: 608824 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

javascript修改IMG标签的SRC刷新问

 
阅读更多
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();
    即:每次的访问地址都不一样,因为有加随机数。所以问题解决
成功了~!!!!



转自:http://windandstorm.iteye.com/blog/730920 非常感谢

分享到:
评论

相关推荐

    javascript修改IMG标签的src问题

    javascript修改IMG标签的SRC,在IE6下面图片修改正常,但在IE7和Firefox下面却不刷新,下面有个解决方法,大家可以参考下

    图片img的src不变让浏览器重新加载实现方法

    javascript给这个img标签的src属性后面拼接一个 ? 和 javascript对象new Date().getTime()毫秒值做成queryString的样子,就能防止被缓存了在图片地址src不变的情况下让浏览器重新加载图片 实际上,在src不变时,...

    javascript动态改变img的src属性图片不显示的解决方法

    最近写了几句javascript程序代码,涉及到了动态改变图片的效果,结果在ie下显示不出了来,实在是郁闷,上网找寻结果,终于发现了,原来是 浏览器的问题。现在将方法贴出来分享。

    JavaScript完全自学宝典 源代码

    \ajaxmodel\src\bonze\AutoRefServlet.java 自动刷新网页的服务器端。 \ajaxmodel\src\bonze\ProcessServlet.java 显示进度条的服务器端。 第20章(\c20) 示例描述:学习JSON并介绍Ajax与JSON。 20.1....

    ajax+c#无刷新分页

    var imgsrc = $("img",$orderimg).attr("src"); if(imgsrc.indexOf("asc")&gt;-1){ $(".ordertip").empty(); $orderimg.html("&nbsp;&lt;img src=\"images/sort_desc.gif\" align=\"absmiddle\"&gt;"); ordertype = ...

    jsp验证码生成以及刷新

    &lt;img src="/vimage" name="pic" /&gt; ``` 四、关于验证码输入数据的验证 在验证码生成时,我们将验证码存入 session 中。在验证时,我们可以从 session 中获取验证码,并与用户输入的验证码进行比较。如果两者相同,...

    毕设项目Java开发基于Android的幼儿园管理系统源码+项目说明.zip

    &lt;img src="/demoImg/home.png" alt="page home" width="40%"&gt; &lt;img src="/demoImg/me.png" alt="page me" width="40%"&gt; &lt;img src="/demoImg/pick-up.png" alt="page pick-up" width="40%"&gt; ### 动态展示 GIF压缩会...

    基于JavaScript实现数码时钟效果

    通过for循环将数组中的每一项都赋值给img元素相对应的上面,str.charAt(i)通过i递增将str的每个数字输入到src中。 通过封装函数tick,并调用了一次,使得网页在刷新时不会出现图片变化。 通过getHours,...

    一个简单的网页设计

    &lt;img src="/images/logo_login11.gif" /&gt; &lt;div class="top_bgtwo"&gt;&lt;/div&gt; ('one',1,6)" class="over"&gt;个人帐号 ('one',2,6)" style="display:none;"&gt;个人资料 ('one',3,6)"&gt;我的头像 ('one',4,6)"&gt;修改...

    web计数器 asp+txt+gif

    response.write "document.write('&lt;img src="&"images/"&"/"&mid (visitors,i,1)&".gif&gt;&lt;/img&gt;');" next '关闭文件 thisfile.close set fs=nothing %&gt; 3、将counter.dat、mycount.asp文件放在...

    简单网站后台管理

    &lt;TD&gt;&lt;IMG height=29 src="../houtaimoban/houtaimoban/images/i_bottom_left.gif" width=15&gt; &lt;TD background=../houtaimoban/houtaimoban/images/i_bottom_bg.gif&gt;&lt;/TD&gt; &lt;IMG height=29 src="../...

    ajax、mysql、jstl实现分页、局部刷新界面

    &lt;td&gt; &lt;img src="image/${row.image}" width="50" height="50"/&gt; &lt;td style="width:600"&gt; ${row.introduce} &lt;td&gt; ${row.blues} &lt;td&gt; ${row.times } ${row.times }" scope="session" /&gt; &lt;td&gt; 展开" onclick=...

    jQuery详细教程

    &lt;script type="text/javascript" src="my_jquery_functions.js"&gt; jQuery 名称冲突 jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名...

    多多校园论坛,很经典很强大

    &lt;script language='javascript' src='gb/top.asp?tit=30&top=5'&gt; 分版调用 &lt;script language='javascript' src='gb/top.asp?tit=30&top=5&forumid=1'&gt; 参数说明 以&隔开 tit=30 标题长度30 top=5 调用最新5个贴子 ...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    微信小程序实现可长按移动控件

    微信小程序可长按移动控件,供大家参考,具体内容如下 –包含超出边界监测,性能不够理想【原因:setData在毫秒级刷新时会极大程度影响渲染... imgSrc:, }, //长按按钮移动控件 longPress: function (e) { consol

    hugo-dusky-neon-potato:雨果的黄昏和马铃薯暗主题的融合

    昏暗的霓虹灯土豆 超越了土豆的力量。 基于“土豆黑暗”主题和受Dusk启发CSS位。 概述 支持标签 响应式设计 对相关内容的支持 使用Google Analytics(分析)进行分析 ... {{% zoom-img src="/images

    front-end-build-tool:前端构建工具

    js,html发生改变时,主动的刷新页面待支持的功能CSS,img的压缩文件和合并路径的替换:将文件中所有的开发路径和替换成发布路径Liveload 和静态服务器整合到一起执行 gulp min-js脚本压缩前,会执行脚本代码质量...

    Grunt-boilerplate-smacss-less

    串联和最小化javascript文件 自动导入新的较少文件,并将主要较少文件进一步编译为css 样式“精梳”和缩小 html和css文件更改时自动刷新页面 可选:删除最终html文件中的注释和不必要的换行符 项目结构 /app - ка...

    steamer-gulp

    使用 开发模式: gulp 生成dist发布文件: gulp dist 生成离线包: gulp pack 功能 文件复制 文件压缩 图片压缩 文件md5 文件合并 webpack打包及es6特性 代码内联 cdn地址 ...实时刷新 ...src ... —— img -- 图片

Global site tag (gtag.js) - Google Analytics