Jquery修改image的src属性,图片不加载问题的解决方法_jquery

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();

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

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

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

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, src
image
jquery image src、jquery获取image src、jquery设置image的src、jquery 修改image src、jquery获取image的src,以便于您获取更多的相关知识。

时间: 2024-09-18 21:32:00

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

jquery checkbox无法用attr()二次勾选问题的解决方法_jquery

今晨,漂亮的测试妹妹提了个奇怪的bug,说我一功能checkbox时隐时现,比如第一次打开有勾选,第n次打开可能就不选了. 想到与美女有亲密接触机会,马上鸡动起来. 经过偶层层抽次剥茧(da da jiang you),终于知道了原因:attr()在二次选中勾选框时,失效. 比如,如下HTML页面,一点[选中].二点[取消选中].三点[选中],瞧,不行了呗. 1.html <!doctype html> <html lang="en"> <head>

Jquery对新插入的节点 绑定Click事件失效的解决方法_jquery

1.有人说用 Live, 事实上现在最新的Jquery已经不支持 Live 了.live的解决方法如下: 你可以看这个 也可以不看 ,只是做到心中有数就可以了.下面介绍ON的方法. live:Live的使用介绍 2.有人用了ON 来解决, 这个解决方法基本在理. On :On的介绍,能解决问题 On的方法,基本能解决问题,但是你也要根据你的具体情况做选择.并不是每个人的代码都像上面这个案例描述的那么简单.但是万变不离其宗. 我是这样来做的,最终把问题解决了.  我有一个UL 标签是静态的,就是说

jQuery UI Datepicker length为空或不是对象错误的解决方法_jquery

我们开发ASP.NET站点时,如果将jQuery UI Datepicker与ASP.NET的验证控件(如:RequiredFieldValidator)组合使用: 复制代码 代码如下: <asp:TextBox ID="txtDate" runat="server"></asp:TextBox> <asp:RequiredFieldValidator ID="reqDate" runat="server&

jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法_jquery

一般的,一个jqGrid的基本属性有一下几个常用的. 复制代码 代码如下: $("#id").jqGrid({ url: "", datatype: "local", postData: { strJson: Data }, mtype: "post", height: 45, width: 450, rowNum: rum, //每页的记录数 pgtext: "第{0}页 共{1}页", pgbutton

jquery在ie7下选择器的问题导致append失效的解决方法_jquery

1,有如下这样一段html 复制代码 代码如下: <div class="right"id="pending">  <table class="one"width="100%"border="0"cellspacing="0"cellpadding="0"> <tbody> </tbody> </table>

jquery操作checkbox火狐下第二次无法勾选的解决方法_jquery

最近在学习jQuery(版本jquery-1.9.1.js),要求用jQuery实现全选/全不选.反选,在IE(IE8)中没有问题,但在火狐浏览器中调试的时候出现了一些小问题,达不到效果. html代码如下: <div> 你爱好的运动是 <input type="checkbox" id="selectal1" /><label for="selectal1">全选/全不选</label><b

JQuery 1.3.2以上版本中出现pareseerror错误的解决方法_jquery

感觉很莫名奇妙,前一阵子还好好的,怎么现在就突然报错了? 程序根本没动.于是开始跟踪分析,请求.返回的内容...最后判断是jquery 不承认返回的内容是json格式.当时返回的内容是: 复制代码 代码如下: {'keylist':[ {'tid':'13',"sumnum':'1'},{'tid':'21','sumnum':'1'} ]} 经过仔细检查也没发现任何问题,返回流的字符已经设成utf-8,内容用ff检测,ff也能识别成json格式,但此时还是报"pareseerror&

jquery mobile页面跳转后样式丢失js失效的解决方法_jquery

用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了. 方法: 将当前页面b.html需要用到的css以及js放在<page>div内. 原理: 由于jqm的ajax跳转的时候,只会把b.html中<page>内的内容加载进dom,而<page>外的代码都不会加载,所以导致在<page>外的js和css都失效了.

jquery解决ie6中图片过大导致错位解决方法

jquery解决ie6中图片过大导致错位解决方法 在产品展示页面中用jqurey控制下: /*这个标签调用产品图片*/ <asp教程:image runat="server" id="productbigimg" /> 首先引入jquery <script src="/utility/js/jquery.js" type="text/网页特效"></script> <script ty