Jquery修改image的src屬性,圖片不加載問題的解決方法

更新時間：2016年05月17日 16:44:14 投稿：jingxian

下面小編就為大家?guī)硪黄狫query修改image的src屬性,圖片不加載問題的解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧

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. 出現(xiàn)的問題

在IE6下面圖片修改正常，但在IE7和Firefox下面卻不刷新

4. 情況分析

如果新的圖片跟舊的圖片地址不一樣，效果是會出來的。即：圖片有發(fā)生改變。

但像”驗證碼“這種功能。新舊圖片的地址是一樣的。

鑒于上述情況，懷疑有可能是因為圖片地址是一樣的，而導致瀏覽器自動讀緩存。

5. 解決方法

把javascript改成這樣即可：

document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();

即：每次的訪問地址都不一樣，因為有加隨機數(shù)。所以問題解決

Jquery獲取src屬性的方法：$("#image").attr("src");

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

以上這篇Jquery修改image的src屬性,圖片不加載問題的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

jQuery源碼分析之sizzle選擇器詳解
jquery從1.3開始，使用了新的選擇器–sizzle。效率超過了以前的jquery版本的其他選擇器。下面這篇文章主要介紹了jQuery源中sizzle選擇器的相關資料，文中介紹的很詳細，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-02-02
jQuery的$.extend 淺拷貝與深拷貝
這篇文章主要介紹了jQuery的$.extend 淺拷貝與深拷貝的相關資料,需要的朋友可以參考下
2017-03-03
基于jquery實現(xiàn)的tab選項卡功能示例【附源碼下載】
這篇文章主要介紹了基于jquery實現(xiàn)的tab選項卡功能,涉及jQuery事件響應及頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,并附帶源碼下載,需要的朋友可以參考下
2019-06-06
jquery 頁面滾動到指定DIV實現(xiàn)代碼
頁面滾動到指定DIV的方法有很多，在本文將為大家介紹下jquery是如何實現(xiàn)的
2013-09-09
淺析jQuery1.8的幾個小變化
這篇文章主要介紹了jQuery1.8中的幾個小變化。需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
jQuery實現(xiàn)帶進度條的輪播圖
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)帶進度條的輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
jQuery EasyUI API 中文文檔 - Panel面板
jQuery EasyUI API 中文文檔 - Panel面板，使用jQuery EasyUI的朋友可以參考下。
2011-09-09
jQuery 出現(xiàn)Cannot read property ‘msie’ of undefined錯誤的解決方法
這篇文章主要介紹了jQuery 出現(xiàn)Cannot read property ‘msie’ of undefined錯誤的解決方法的相關資料,需要的朋友可以參考下
2016-11-11
jQuery 中關于CSS操作部分使用說明
jQuery 中關于CSS操作部分使用說明...
2007-06-06
jQuery 回車事件enter使用示例
這篇文章主要介紹了jQuery 回車事件enter的使用,需要的朋友可以參考下
2014-02-02