手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Jquery修改image的src属性,图片不加载问题的解决方法
Jquery修改image的src属性,图片不加载问题的解决方法
摘要:1.当点击某一按钮的时候,把图片域中的图片改变一下看不清functionreflush(){document.getElementById(...

1. 当点击某一按钮的时候,把图片域中的图片改变一下

<img id="randimg" src="http://www.jb51.netservlet/CreateValidateNum" width="60" height="20" /> <span>看不清</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();

即:每次的访问地址都不一样,因为有加随机数。所以问题解决

Jquery获取src属性的方法:$("#image").attr("src");

修改src属性的值:$("#image").attr("src","image/1/gif");

以上这篇Jquery修改image的src属性,图片不加载问题的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

【Jquery修改image的src属性,图片不加载问题的解决方法】相关文章:

发现的以前不知道的函数

JQuery boxy插件在IE中边角图片不显示问题的解决

jQuery预加载图片常用方法

创建你的第一个AngularJS应用的方法

JavaScript判断图片是否已经加载完毕的方法汇总

JavaScript中Number.MAX_VALUE属性的使用方法

jQuery判断指定id的对象是否存在的方法

Jquery使用css方法改变样式实例

JQuery+CSS实现图片上放置按钮的方法

JavaScript获取并更改input标签name属性的方法

精品推荐
分类导航