无法打开internet错误

最新推荐文章于 2024-08-04 13:52:30 发布

原创最新推荐文章于 2024-08-04 13:52:30 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #CSS

工作随记专栏收录该内容

8 篇文章

订阅专栏

本文探讨了在IE6浏览器中加载CSS文件时遇到的问题及解决方案，包括使用window.onload确保DOM加载完成后再执行操作，利用setTimeout实现异步调用，以及采用insertBefore替代appendChild方法。

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