javascript修改IMG標籤的SRC刷新問

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(); 
    即：每次的訪問地址都不一樣，因爲有加隨機數。所以問題解決

成功了~！！！！

 

轉自：http://windandstorm.iteye.com/blog/730920  非常感謝