a連結觸發javascript函數導致innerHTML裡的圖片無法載入

偶爾發現，IE6下，用javascript控制的div的innerHTML，如果裡面有圖片，居然無法顯示！

 

難道用指令碼來給innerHTML賦值就不行的？

 

其實不是。因為有些地方又可以。

 

google了一下，才知道，原來並不是用指令碼給innerHTML賦值的問題，而是因為用了a連結，靠點擊這個a連結來觸發給innerHTML賦值的指令碼，就導致了innerHTML裡麵包含的圖片無法載入！

 

<a href="javascript:;" onclick="LoadIt()
">
開啟一個摺疊項</a>

<div id="divContent"></div>

……

<script type="text/javascript">

function LoadIt()

{

//載入了之後，圖片只有一個大大的叉

document.getElementById("divContent").innerHTML = "<img src='hi.jpg' />";

}

</script>

 

據說這是IE6，IE7的BUG。原因是你點了這個a連結，靠它來激發函數LoadIt()，IE會以為你已經跳走了，就將所有的請求都斷掉，於是圖片無法載入！或者只出來一小部分！

 

解決辦法是，不要用a連結來觸發，改用div或者span。