javascript動態(tài)改變img的src屬性圖片不顯示的解決方法
更新時(shí)間：2010年10月20日 11:55:35 作者：
最近寫了幾句javascript程序代碼，涉及到了動態(tài)改變圖片的效果，結(jié)果在ie下顯示不出了來，實(shí)在是郁悶，上網(wǎng)找尋結(jié)果，終于發(fā)現(xiàn)了，原來是 瀏覽器的問題?，F(xiàn)在將方法貼出來分享。
首先講下這個(gè)bug的出現(xiàn)的情況，頁面中有
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';">
這么一個(gè)a標(biāo)簽，onclick中的JS代碼就是改變id為current的img標(biāo)簽的src屬性，以達(dá)到動態(tài)切換圖片的效果。可是不幸的是：IE是動態(tài)改變的圖片的路徑，但是圖片卻不顯示出來，得右鍵“顯示圖片”才能看到改變后的圖片，不知是什么原因，但據(jù)說是<a href="javascript:void(0)">或者<a href="#">這樣使用a標(biāo)簽的話并不能阻止a標(biāo)簽最后觸發(fā)一個(gè)什么行為，導(dǎo)致ie6會錯誤的認(rèn)為頁面刷新或者重定向了，并且中斷了當(dāng)前所有連接，這樣新圖片的加載就被aborted了（不知真假），不管原因是真是假，下面就先說下解決方案吧
簡單的解決方法：
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg'; return false;">；
就是在代碼后面加上return false;即可
復(fù)制代碼 代碼如下:
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';">
簡單的解決方法：
復(fù)制代碼 代碼如下:
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg'; return false;">；
就是在代碼后面加上return false;即可
您可能感興趣的文章:
- js插件設(shè)置innerHTML時(shí)在IE8下提示“未知運(yùn)行時(shí)錯誤”解決方法
- node.js使用npm 安裝插件時(shí)提示install Error: ENOENT報(bào)錯的解決方法
- nodejs 提示‘xxx’ 不是內(nèi)部或外部命令解決方法
- jQuery在vs2008及js文件中的無智能提示的解決方法
- 讓ie運(yùn)行js時(shí)提示允許阻止內(nèi)容運(yùn)行的解決方法
- 訪問JSP文件或者Servlet文件時(shí)提示下載的解決方法
- js 未結(jié)束的字符串常量錯誤解決方法
- 在js文件中寫el表達(dá)式取不到值的原因及解決方法
- Jquery修改頁面標(biāo)題title其它JS失效的解決方法
- javascript alert亂碼的解決方法
- JS提示：Uncaught SyntaxError:Unexpected token ) 錯誤的解決方法
相關(guān)文章
自上一個(gè)版本的圖片切割效果出來后，雖然也經(jīng)常看到“框架開發(fā)這個(gè)如何如何容易”之類的評論，但也受到很多人的肯定，小弟在此感謝大家的支持。2008-12-12
用javascript實(shí)現(xiàn)圖片馬賽克后顯示并切換
用javascript實(shí)現(xiàn)圖片馬賽克后顯示并切換...2007-04-04
一個(gè)跟隨鼠標(biāo)的圖片放大效果，與FF兼容...2007-04-04
看到alibaba的一個(gè)圖片切換效果，感覺不錯，想拿來用用。但代碼一大堆的，看著昏，還是自己來吧。 由于有了做圖片滑動展示效果的經(jīng)驗(yàn)，做這個(gè)就容易得多了。2008-09-09
用戶客戶端檢測圖片的大小，實(shí)際應(yīng)用中，服務(wù)器端測試仍必不可少。2009-12-12
圖片展示效果 鼠標(biāo)經(jīng)過變大圖，支持FF
圖片展示效果，鼠標(biāo)經(jīng)過變大圖，支持FF 類似FLASH一樣漂亮2009-08-08
2008-01-01
兼容ie、firefox的圖片自動縮放的css跟js代碼分享
這個(gè)功能主要是解決內(nèi)容頁中的圖片過大撐出，導(dǎo)致頁面比較難看，就需要這樣的代碼，需要的朋友可以參考下2012-01-01
這篇文章主要介紹了教你使用html+css制作一個(gè)3D立體相冊,可以360度旋轉(zhuǎn)放置6張圖片,是不是很炫酷,快跟著小編一起來看看如何制作吧2023-03-03
群了朋友需要循環(huán)輸出數(shù)字順序的圖片，就是前面需要加0補(bǔ)到3為圖片，所以我給出了下面的代碼2008-06-06