javascript修改IMG标签的src问题

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

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

时间: 2024-11-01 04:04:24

javascript修改IMG标签的src问题的相关文章

javascript修改IMG标签的src问题_javascript技巧

1.当点击某一按钮的时候,把图片域中的图片改变一下 复制代码 代码如下: <img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" /> <span style="cursor:hand" onclick="reflush();return false;">看不清</s

javascript修改图片src的方法_javascript技巧

本文实例讲述了javascript修改图片src的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>使用js改变图片</title> <script> function changeImage() { var element = document.getElementById('myimage'); element.src = "i

javascript处理a标签超链接默认事件的方法

  本文实例讲述了javascript处理a标签超链接默认事件的方法.分享给大家供大家参考.具体分析如下: 有时需要在a标签上添加click事件,并且跳转前处理一些事务,故需要做一些处理;通常前端会给出一个link来代表这个行为,有些还会这样写link或者link这样的写法,但这样并不兼容所有浏览器,有些浏览器就会出现很怪异的形为. 因此,这个问题需要其它方法来解决,其一是用jquery的阻止默认事件,就像JQUERY的官方API中所给出的示例: ? 1 2 3 4 5 6 7 8 9 10 1

关于javascript修改二级菜单display属性的问题

问题描述 关于javascript修改二级菜单display属性的问题 网页的主体是菜单,二级菜单是隐藏的,以下为一个"书籍"菜单的代码.其中二级菜单的高的数值比一级菜单的要大,所以限制了一级菜单的高度,也声明了二级菜单的高度,计算后的二级菜单的高度也是声明了的二级菜单的高度,但是js控制二级菜单的时候,鼠标指针在二级菜单的停留的高度是一级菜单的高度. 代码如下: <div id="book"> <div id="menu1"

jsp修改img标签图片问题

问题描述 jsp修改img标签图片问题 document.getElementById(img标签的ID).src="img/bai_dian25x25hei.png"; 请教下各位前辈,为什么这样子没办法修改img标签的图片的?该怎么样写呢? 解决方案 src是标签的一个属性 试试用setAttribute("src"," ");好久没写 忘了是不是这个方法 但是差不多 你得自己把属性修改了

html-JQuery如何获取以及修改DD标签内HTML元素

问题描述 JQuery如何获取以及修改DD标签内HTML元素 您已选择: 假如我这个dd标签内有HTML元素,我想动态的获取或编辑该DD标签内HTML元素,请问jQuery能实现吗?我用.html()试过,val()试过,都没有获取成功,能不能不从他上级元素入手直接对DD标签进行操作,求帮助 解决方案 原来是自己在页面加载的时候将其清空了所以获取不到元素.简直极度不细心.. 解决方案二: jquery 获取元素本身HtmljQuery获取各种html标签的值jquery获取标签里的值html,v

【JavaScript】script标签的属性

Script标签当中,除了一些我们经常使用的属性外,它他还有一些更为特殊 的属性. 1.defer属性,这是一个不用设置属性值的属性. 下面通过两段程序代码来说明defer属性: 代码A: aaa <script language="javascript"> document.write("bbb"); </script> ccc 代码B: aaa <script language="javascript" defe

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

首先讲下这个bug的出现的情况,页面中有 复制代码 代码如下: <a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';"> 这么一个a标签,onclick中的JS代码就是改变id为current的img标签的src属性,以达到动态切换图片的效果.可是不幸的是:IE是动态改变的图片的路径,但是图片却不显示出来,得右键&quo

jfinal如何获取html页面中&amp;amp;lt;image&amp;amp;gt;标签中src的值

问题描述 jfinal如何获取html页面中<image>标签中src的值 如何用JFinal在后台获取src中${imagePath!}这个值