判断document加载过程的几个不同方法_html/css_WEB-ITnose

运用事例代码：

 document.addEventListener("readystatechange",function(){ if (document.readyState == "complete") { console.log("readystatechange-complete"); } });

2. DOMContentLoaded事件

支持该事件的：IE9+、Firefox、Chrome、Safari3.1+、Opera9+

DOMContentLoaded事件在形成完整DOM树之后就会触发，不理会图像、JavaScript文件、CSS文件或其他资源是否已经下载完毕。——《JavaScript高级程序设计》

想看看该事件与前面两种方法的区别，做了一下测试，在html页面中添加了如下代码：

控制台输出结果：

由此可以看出DOMContentLoaded事件是在$(document).ready()事件后执行，确实在DOM加载后执行，忽略了图片的加载。但是如果将$(document).ready()写在一个较大的js文件最后，在head中引入到html文件中，最终的控制台输出结果是：

这个结果让我觉得DOMContentLoaded并没有忽略JavaScript文件的下载我不知道这么理解是否正确，希望各位大神可以指点一二 ~O(∩_∩)O~