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