无法打开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个参数 ： 新元素 和目标元素。