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

    下面小編就為大家?guī)硪黄狫query修改image的src屬性,圖片不加載問題的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
    1. 當(dāng)點(diǎn)擊某一按鈕的時(shí)候，把圖片域中的圖片改變一下
    <img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" />
     <span 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. 情況分析
    如果新的圖片跟舊的圖片地址不一樣，效果是會(huì)出來的。即：圖片有發(fā)生改變。
    但像”驗(yàn)證碼“這種功能。新舊圖片的地址是一樣的。
    鑒于上述情況，懷疑有可能是因?yàn)閳D片地址是一樣的，而導(dǎo)致瀏覽器自動(dòng)讀緩存。
    5. 解決方法
    把javascript改成這樣即可：
    document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
    即：每次的訪問地址都不一樣，因?yàn)橛屑与S機(jī)數(shù)。所以問題解決
    Jquery獲取src屬性的方法：$("#image").attr("src");
    修改src屬性的值：$("#image").attr("src","image/1/gif");
    以上這篇Jquery修改image的src屬性,圖片不加載問題的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考