快捷導(dǎo)航

javascript修改IMG標(biāo)簽的src問(wèn)題

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

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

1.當(dāng)點(diǎn)擊某一按鈕的時(shí)候，把圖片域中的圖片改變一下

 
<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.說(shuō)明
”servlet/CreateValidateNum“是JAVA寫(xiě)的servlet。該servlet是打印出圖片

3.出現(xiàn)的問(wèn)題
在IE6下面圖片修改正常，但在IE7和Firefox下面卻不刷新

4.情況分析
如果新的圖片跟舊的圖片地址不一樣，效果是會(huì)出來(lái)的。即：圖片有發(fā)生改變。
但像”驗(yàn)證碼“這種功能。新舊圖片的地址是一樣的。
鑒于上述情況，懷疑有可能是因?yàn)閳D片地址是一樣的，而導(dǎo)致瀏覽器自動(dòng)讀緩存。

5.解決方法
把javascript改成這樣即可：
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即：每次的訪問(wèn)地址都不一樣，因?yàn)橛屑与S機(jī)數(shù)。所以問(wèn)題解決

您可能感興趣的文章:

img
src

相關(guān)文章

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