fenerchen
fenerchen

Dom加载

IE高版本及其他浏览器的加载

1、 处理页面文档加载的时候，我们遇到一个难题，就是使用window.onload 这种将所有内容加载后（包括DOM 文档结构，外部脚本、样式，图片音乐等）这样会导致在长时间加载页面的情况下，JS 程序是不可用的状态。而JS其实只需要HTML DOM 文档结构构造完毕之后就可以使用了，没必要等待诸如图片音乐和外部内容加载。
2、非IE 浏览器提供了一种加载事件：DOMContentLoaded 事件，这个事件可以在完成HTML DOM结构之后就会触发，不会理会图像音乐、JS 文件、CSS文件或其他资源是否已经下载完毕。目前支持DOMContentLoaded 事件浏览器有：IE9+、Firefox、Chrome、Safari 3.1+和Opera 9+都支持。

window.onload

window.onload=function(){
//执行代码
}

DOMContentLoaded

if (document.addEventListener) { //DOM 结构加载完毕
 document.addEventListener("DOMContentLoaded", function(event) {
    console.log("DOM fully loaded and parsed");
  });
}

模拟DOMContentLoaded

一个document 的Document.readyState属性描述了文档的加载状态。
一个文档的 readyState 可以是以下之一：
1、loading / 加载
document 仍在加载。
2、interactive / 互动
文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载.
3、complete / 完成
T文档和所有子资源已完成加载。状态表示 load事件即将被触发。 当这个属性的值变化`时，document对象上的readystatechange事件将被触发。

// 模拟 DOMContentLoaded/ jquery ready
document.onreadystatechange = function () {
  if (document.readyState === "interactive") {
    initApplication();
  }
}

// 模拟 load/onload 事件
document.onreadystatechange = function () {
  if (document.readyState === "complete") {
    initApplication();
  }
}

问题：在IE 浏览器如果网页上有