javascript修改IMG標簽的src問題

更新時間：2014年03月28日 17:46:14 作者：

javascript修改IMG標簽的SRC，在IE6下面圖片修改正常，但在IE7和Firefox下面卻不刷新，下面有個解決方法，大家可以參考下

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

您可能感興趣的文章:

img
src

js繪制購物車拋物線動畫
這篇文章主要為大家詳細介紹了js繪制購物車拋物線動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
JS設置手機驗證碼60s等待實現(xiàn)代碼
本文給大家分享JS設置手機驗證碼60s等待實現(xiàn)代碼，需要的朋友參考下吧
2017-06-06
JavaScript實現(xiàn)更換頭像功能
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)更換頭像功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
Javascript表單序列化原理及實現(xiàn)代碼詳解
這篇文章主要介紹了Javascript表單序列化原理及實現(xiàn)代碼詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-10-10
javascript中setTimeout和setInterval的unref()和ref()用法示例
本文通過一個小例子想大家講解了setTimeout和setInterval的unref()和ref()用法和使用環(huán)境，代碼很簡潔，有需要的小伙伴自己參考下吧。
2014-11-11
原生JS實現(xiàn)拖拽照片墻
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)拖拽照片墻，實現(xiàn)照片互換位置，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
解析微信JS-SDK配置授權，實現(xiàn)分享接口
這篇文章是微信開發(fā)的很多前置條件，包括了服務端基于JAVA的獲取和緩存全局的access_token，獲取和緩存全局的jsapi_ticket，以及前端配置授權組件封裝，調用分享組件封裝。需要的朋友可以看下
2016-12-12
Vue使用Canvas繪制圓與半圓的示例詳解
在?Canvas?中,基本圖形包括直線圖形和曲線圖形,在我們的工作中,經常在統(tǒng)計圖中會看到有餅狀圖等這樣的圓弧圖形,當然繪制曲線圖形那么我們要知道曲線圖形的繪制往往會涉及到曲線與弧線,所以本文就給大家介紹一下Canvas繪制圓與半圓的方法
2023-08-08
javascript 類方法定義還是有點區(qū)別
這兩個定義都可以，不過后者對FF貌似好一些，前者在FF下可能出現(xiàn)missing before formal parameters錯誤，導致js無法執(zhí)行。
2009-04-04
當$.get返回失敗后調用fail方法示例詳解
這篇文章主要介紹了當$.get返回失敗后，調用fail方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-12-12