document.body.appendChild() 會導致網站無法正常載入。出現提示:Internet Explorer無法開啟Internet網站 ×××?? 已終止操作。
通常這種問題只在IE中出現。而在firefox中卻不會,因為Firefox的body在body標籤沒有被瀏覽器完全讀入之前就存在;而IE的body則必須在body標籤被瀏覽器完全讀入之後才存在.在頁面載入過程中(還未到body結束:</body>),使用document.body.appendChild()就會產生這樣的錯誤!
解決辦法:
1、在一個已載入的對象上調用appendChild(),來建立對象。
2、頁面載入完畢後,再執行document.body.appendChild()動作,可以把它放到</body>後面。
3、在appendChild或者innerHTML操作處判斷document.readyState=="complete",若為否,則用window.setTimeout(),來延時對document.body.appendChild()的調用。但是,此屬性只對ie,opeara有效,ff的document沒有readyState屬性,永遠是undefined.
4、在script中使用defer屬性。意在頁面載入完畢後再執行指令碼,這樣可以避免找不到對象的問題。defer不會考慮外部檔案是否全部下載完,只會判當前頁面是否全部載入完成。並且,有defer標籤的代碼塊裡不能寫document.write方法
5、使用ajax時發生錯誤的解決方案:在appendChild或者innerHTML操作處判斷document.readyState=="complete", 若為否,則setTimeout若干秒之後重新作這個操作。
<script type="text/javascript"> var tar=function() { var chd=window.top.document.createElement("div"); window.top.document.body.appendChild(chd); } if(document.readyState!="complete") window.setTimeout(tar,10); else tar(); </script>
|
更詳細的資訊:http://support.microsoft.com/kb/927917