Jquery中ready函数不用把网页全部加载完就能操作DOM,请问onload的原理是什么？

复制内容到剪贴板

代码:

function domReady(fn){
            var _timer_ = null;
            void function(){
                if(document.all){
                    try{
                        document.body.doScroll("left");
                        clearTimeout(_timer_,_timer_ = null, fn());
                    }catch(e){
                        _timer_ = setTimeout(arguments.callee,1000);
                    }
                }else{
                    document.addEventListener("DOMContentLoaded", fn, false);
                }
            }()
        }

引用:

原帖由 forbe 于 2010-1-27 11:09 发表
oh, no!  第秒检测一次太慢。大意了。你可改成 10 or 100

复制内容到剪贴板

代码:

function domReady(fn){
            /*一个timer..中文称计时器..*/
            var _timer_ = null;
            /*一个自执行函数..就是不调用就会跑.. void function(){}(),  or  (function(){})()  or + function(){}()  or ~function(){}().. or . 手酸了.*/
            void function(){
                /*ie..*/
                if(document.all){
                    try{
                        /*调用document.body.doScroll()  这个函数在domReady之前调用。会报错。所以这里try catch*/
                        document.body.doScroll("left");
                        /*如果通过。说明domReady了。好，清除计时器，跑你的回调函数, 否则，进入catch*/
                        clearTimeout(_timer_,_timer_ = null, fn());
                    }catch(e){
                        /*继续跑哪个自执行函数, 每隔100毫秒就跑一次*/
                        _timer_ = setTimeout(arguments.callee,100);
                    }
                }else{
                    /*FF...*/
                    document.addEventListener("DOMContentLoaded", fn, false);
                }
            }()
        }