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個參數 : 新元素 和目標元素。