怎样提取jQuery.ready(),DOM加载完毕执行onDOMReady()方法

在大部分中,需要在树载入时马上执行一些函数&＃xff0c;但又不愿意仅为了这一个需求而引入整个库&＃xff0c;于是就把jQuery的方法提取出来&＃xff0c;单独使用了。

当然大家可以使用windows.onload事件, 但onload在看来&＃xff0c;就是页面上的东西&＃xff08;img,iframe等资源&＃xff09;全部都加载完毕后才能发生&＃xff0c;

如果页面内有大的图片的话&＃xff0c;会在页面展现后好久时间后才执行。

如果只需要对DOM进行操作&＃xff0c;那么这时就没必要等到页面全部加载了。我们需要更快的方法。

Firefox有DOMContentLoaded事件可以轻松解决&＃xff0c;可惜的就是IE没有。

MSDN关于JSCRIPT的一个方法有段不起眼的话&＃xff0c;当页面DOM未加载完成时&＃xff0c;调用doScroll方法时&＃xff0c;会产生异常。

那么我们反过来用&＃xff0c;如果不异常&＃xff0c;那么就是页面DOM加载完毕了&＃xff01;

所以 对于Mozilla & Opera 浏览器&＃xff0c;在dom树载入后有现成的 DOMContentLoaded 事件

对于Safari 浏览器&＃xff0c;有document.onreadystatechange事件&＃xff0c;

当该触发时&＃xff0c;如果 document.readyState&＃61;complete时&＃xff0c;可视为dom树已经载入

对于ie&＃xff0c;当在iframe内时&＃xff0c;同样有document.onreadystatechange事件&＃xff0c;

对于ie在非iframe内时&＃xff0c;只有不断地通过能否执行doScroll判断dom是否加载完毕。

在本例中每间隔5毫秒尝试去执行 document.documentElement.doScroll(&＃39;left&＃39;)

另外要注意一点&＃xff1a;PDF目录在ie8下&＃xff0c;貌视非iframe窗口也会有document.onreadystatechange事件,另外你也可以在构建自己的框架时使用此函数