javascript修改IMG標(biāo)簽的src問題
更新時間:2014年03月28日 17:46:14 作者:
javascript修改IMG標(biāo)簽的SRC,在IE6下面圖片修改正常,但在IE7和Firefox下面卻不刷新,下面有個解決方法,大家可以參考下
1.當(dāng)點擊某一按鈕的時候,把圖片域中的圖片改變一下
<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ā)生改變。
但像”驗證碼“這種功能。新舊圖片的地址是一樣的。
鑒于上述情況,懷疑有可能是因為圖片地址是一樣的,而導(dǎo)致瀏覽器自動讀緩存。
5.解決方法
把javascript改成這樣即可:
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即:每次的訪問地址都不一樣,因為有加隨機(jī)數(shù)。所以問題解決
復(fù)制代碼 代碼如下:
<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ā)生改變。
但像”驗證碼“這種功能。新舊圖片的地址是一樣的。
鑒于上述情況,懷疑有可能是因為圖片地址是一樣的,而導(dǎo)致瀏覽器自動讀緩存。
5.解決方法
把javascript改成這樣即可:
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即:每次的訪問地址都不一樣,因為有加隨機(jī)數(shù)。所以問題解決
您可能感興趣的文章:
- JS+JSP通過img標(biāo)簽調(diào)用實現(xiàn)靜態(tài)頁面訪問次數(shù)統(tǒng)計的方法
- JSP結(jié)合js實現(xiàn)img中src更新請求的方法
- JS+CSS設(shè)置img在DIV中只顯示Img垂直居中的部分
- JS對img進(jìn)行操作(換圖片/切圖/輪換/停止)
- JSP實現(xiàn)用于自動生成表單標(biāo)簽html代碼的自定義表單標(biāo)簽
- JavaScript實現(xiàn)自動生成網(wǎng)頁元素功能(按鈕、文本等)
- javascript動態(tài)生成樹形菜單的方法
- js生成隨機(jī)數(shù)的方法實例
- javascript生成img標(biāo)簽的3種實現(xiàn)方法(對象、方法、html)
相關(guān)文章
JS設(shè)置手機(jī)驗證碼60s等待實現(xiàn)代碼
本文給大家分享JS設(shè)置手機(jī)驗證碼60s等待實現(xiàn)代碼,需要的朋友參考下吧2017-06-06Javascript表單序列化原理及實現(xiàn)代碼詳解
這篇文章主要介紹了Javascript表單序列化原理及實現(xiàn)代碼詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-10-10javascript中setTimeout和setInterval的unref()和ref()用法示例
本文通過一個小例子想大家講解了setTimeout和setInterval的unref()和ref()用法和使用環(huán)境,代碼很簡潔,有需要的小伙伴自己參考下吧。2014-11-11解析微信JS-SDK配置授權(quán),實現(xiàn)分享接口
這篇文章是微信開發(fā)的很多前置條件,包括了服務(wù)端基于JAVA的獲取和緩存全局的access_token,獲取和緩存全局的jsapi_ticket,以及前端配置授權(quán)組件封裝,調(diào)用分享組件封裝。需要的朋友可以看下2016-12-12當(dāng)$.get返回失敗后調(diào)用fail方法示例詳解
這篇文章主要介紹了當(dāng)$.get返回失敗后,調(diào)用fail方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-12-12