ie6下使用js替換img標籤src屬性圖片不顯示的錯誤

首先，我必須再次強調一下，F-U-C-K I-E！

其次，簡單闡述一下這個bug的出現的狀況。頁面中有個<a href=」javascript:void(0)」 onclick=」swapImgSrc()」>這麼一個a標籤，swapImgSrc這個方法就是替換頁面上一個img標籤的src屬性，以達到動態切換圖片路徑的效果。可是，可是，在IE6這個瀏覽器下圖片就不會顯示，用鼠標右鍵點擊圖片應該在的位置選擇「顯示圖片」才能看到圖片內容。使用httpwatch等神器能夠發現新圖片的加載被aborted的，aborted只會出如今加載途中頁面被刷新或者重定向，這就讓人百思不得其解了。

搜索技術問題仍是去google吧，baidu出來的全是不着邊而且重複的垃圾文章。有幾個吃飽了沒事兒乾的老外反覆試驗發現這個問題是ie6中一個底層機制的bug，以後的版本已經解決了。聽說<a href=」javascript:void(0)」>或者<a href=#」>這樣使用a標籤的話並不能阻止a標籤最後觸發一個什麼行爲，致使ie6會錯誤的認爲頁面刷新或者重定向了，而且中斷了當前全部鏈接，這樣新圖片的加載就被aborted了。固然這些吃飽了沒事兒乾的老外們也提出了各類匪夷所思複雜無比的解決方案。

最簡單的方法有兩個，一個是這樣使用a標籤<a href=」swapImgSrc(); return false;」>，另一個就是用div替換a標籤來用。

轉自http://www.wufangbo.com/ie6-js-img-src/