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个参数 : 新元素 和目标元素。