                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /DOM探索之基礎詳解篇

關于DOMReady的IE兼容實現，為什么說有了doScroll之后更接近DOMContentLoaded

(function?()?{
????try?{
????????//?DOM樹未創建完之前調用doScroll會拋出錯誤
????????d.documentElement.doScroll('left');
????}?catch?(e)?{
????????//延遲再試一次~
????????setTimeout(arguments.callee,?50);
????????return;
????}
????//?沒有錯誤就表示DOM樹創建完畢，然后立馬執行用戶回調
????init();
})();

//監聽document的加載狀態
d.onreadystatechange?=?function()?{
????//?如果用戶是在domReady之后綁定的函數，就立馬執行
????if?(d.readyState?==?'complete')?{
????????d.onreadystatechange?=?null;
????????init();
????}
}

在沒有doScroll之前勉強用onreadystatechange，有了doScroll之后更接近DOMContentLoaded的實現。
問題：只用onreadystatechange實現有什么問題？
??????只用doScroll不行嗎？

牛金斯基

2015-12-14

源自：DOM探索之基礎詳解篇 3-4

關注問題我要回答

4695

操作

收起

4 回答

昵稱還是已占用回答被采納 +3 積分
2015-12-15

可能有這方面原因個人理解僅供參考

0 回復有任何疑惑可以回復我~

收起回答

牛金斯基提問者

document.readyState == "complete" 用來判斷文檔有無加載完畢， doScroll 用來判斷DOM樹是否構建完畢，DOMReady的目的是在DOM樹構建完成之后，文檔加載完畢前，進行DOM的操作。既然doScroll 可以完成這個目的，為什么還要document.readyState的參與呢，不是多此一舉嗎？我的理解是：如果doScroll中setTimeout 定時時間長了，而document在DOM樹構建完后又很快加載完成，快到下一次定時到來前，此時為了第一時間執行，所以把onreadystatechange事件加上。但是定時時間可以改小嘛，還是想不通。