學(xué)習(xí)要點(diǎn)：
1.問(wèn)題所在
2.設(shè)置代碼
上一節(jié)課使用 DOMCotenntLoaded 事件和 doScroll 方法完成了主流瀏覽器 DOM 加載，
這節(jié)課，我們重點(diǎn)研究一下怎樣向非主流瀏覽器的向下兼容。
一．問(wèn)題所在
主流瀏覽器包括：IE6789、firefox、Opera9+、Safari3.1+和 Chrome。但是還存在一些非
主流瀏覽器，那么我們可以使用 window.onload 或者其他方式。
二．設(shè)置代碼
雖然以上對(duì)于主流瀏覽器和主流瀏覽器的版本已經(jīng)非常夠用了，但還有幾個(gè)小細(xì)節(jié)我們
需要了解一下。Opera8 之前不支持，webkit 引擎瀏覽器 525 之前不支持，F(xiàn)irefox2 有嚴(yán)重
bug。
對(duì)于非 IE，又不支持 DOMContentLoaded，可以直接用傳統(tǒng)的 window.onload 來(lái)執(zhí)行，
因?yàn)槟壳皝?lái)說(shuō)這種瀏覽器基本滅絕了，也可以 document.readyState 輪詢，直到完畢。
setInterval(function(){
if(/loaded|complete/.test(document.readyState)){
doReady(fn);
}
}, 1);
//最終形態(tài)
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) {};
});
}
}
