19.项目 1-博客前端：封装库--DOM 加载[下]

学习要点：

1.问题所在
2.设置代码

上一节课使用 DOMCotenntLoaded 事件和 doScroll 方法完成了主流浏览器 DOM 加载，
这节课，我们重点研究一下怎样向非主流浏览器的向下兼容。

一．问题所在

主流浏览器包括：IE6789、firefox、Opera9+、Safari3.1+和 Chrome。但是还存在一些非
主流浏览器，那么我们可以使用 window.onload 或者其他方式。

二．设置代码

虽然以上对于主流浏览器和主流浏览器的版本已经非常够用了，但还有几个小细节我们
需要了解一下。Opera8 之前不支持，webkit 引擎浏览器 525 之前不支持，Firefox2 有严重
bug。
对于非 IE，又不支持 DOMContentLoaded，可以直接用传统的 window.onload 来执行，
因为目前来说这种浏览器基本灭绝了，也可以 document.readyState 轮询，直到完毕。

setInterval(function(){
if(/loaded|complete/.test(document.readyState)){
doReady(fn);
}
}, 1);
//最终形态
function addDomLoaded(fn) {
var isReady = false;
var timer = null;
function doReady(){
if(isReady) return;
isReady = true;
if (timer) clearInterval(timer);
fn();
}
if ((sys.webkit && sys.webkit < 525) || (sys.opera && sys.opera < 9) ||
(sys.firefox && sys.firefox < 3))
{
timer = setInterval(function(){
if(/loaded|complete/.test(document.readyState)){
doReady();
}
}, 1);
/*timer = setInterval(function(){
if (document && document.getElementById &&
document.getElementsByTagName && document.body document.documentElement )
{
doReady();
}
}, 1); */
} else if (document.addEventListener) {//W3C
addEvent(document, 'DOMContentLoaded', function () {
doReady();
removeEvent(document, 'DOMContentLoaded', arguments.callee);
});
}
else if (sys.ie && sys.ie < 9) {//IE
//IE8-
timer = setInterval(function () {
try {
document.documentElement.doScroll('left');
doReady();
} catch (ex) {};
});
}
}

感谢收看本次教程！