無法打開internet錯誤

ie6 報錯，ie7正常

 

var eleCss=document.createElement('link');
eleCss.href=path + '/webimPopup.css';
eleCss.rel='stylesheet';
eleCss.type='text/css';

document.getElementsByTagName('head')[0].appendChild(eleCss);

或者document.body.appendChild(eleCss);等等，報錯如圖：

IE在文檔未加載完成時調用document.bod.appendChild()大概就會出這個問題
IE只有頁面完全讀取結束body元素纔會存在,所以在頁面中插入上面這條語句在IE下就會出現錯誤

解決的辦法也很簡單,一種方法是把這條appendChild()語句放入window.onload函數中執行,第二種方法是使用setTimeout來延時異步調用,還有一種方法…

 if(window.attachEvent)
  window.attachEvent("onload",function() {});
else
  window.addEventListener("load",function() {},true);

 

 

網上說是跟body的加載順序有關。

解決方法是body加載完之後執行(ie特有的document.body.onload)，或用insertBefore代替，例如：

parentElement.insertBefore( newElement , targetElement );    從上面語法可以看出， 父元素， 新元素，目標元素 是 insertBefore使用的3要素。    其實我們可以不管 父元素， 因爲 父元素我們 可以用 目標元素.parentNode 得到。    那麼insertBefore就很好用了。只要給2個參數 ： 新元素 和目標元素。