晴明的博客园 GitHub      CodePen      CodeWars     

[js] ready

#

            var whenReady = (function() {
                var funcs = []; //当获得事件时,要运行的函数
                var ready = false; //当触发事件处理程序时,切换为true
                //当文档就绪时,调用事件处理程序
                function handler(e) {
                    if (ready) return; //确保事件处理程序只完整运行一次
                    //如果发生onreadystatechange事件,但其状态不是complete的话,那么文档尚未准备好
                    if (e.type === 'onreadystatechange' && document.readyState !== 'complete') {
                        return;
                    }
                    //运行所有注册函数
                    //注意每次都要计算funcs.length
                    //以防这些函数的调用可能会导致注册更多的函数
                    for (var i = 0; i < funcs.length; i++) {
                        funcs[i].call(document);
                    }
                    //事件处理函数完整执行,切换ready状态, 并移除所有函数
                    ready = true;
                    funcs = null;
                }
                //为接收到的任何事件注册处理程序
                if (document.addEventListener) {
                    document.addEventListener('DOMContentLoaded', handler, false);
                    document.addEventListener('readystatechange', handler, false); //IE9+
                    window.addEventListener('load', handler, false);
                } else if (document.attachEvent) {
                    document.attachEvent('onreadystatechange', handler);
                    window.attachEvent('onload', handler);
                }
                //返回whenReady()函数
                return function whenReady(fn) {
                    if (ready) {
                        fn.call(document);
                    } else {
                        funcs.push(fn);
                    }
                }
            })();

 

#

            function ready(fn) {
                if (document.addEventListener) { //标准浏览器
                    document.addEventListener('DOMContentLoaded', function() {
                        //注销事件, 避免反复触发
                        document.removeEventListener('DOMContentLoaded', arguments.callee, false);
                        fn(); //执行函数
                    }, false);
                } else if (document.attachEvent) { //IE
                    document.attachEvent('onreadystatechange', function() {
                        if (document.readyState == 'complete') {
                            document.detachEvent('onreadystatechange', arguments.callee);
                            fn(); //函数执行
                        }
                    });
                }
            };

 

#

            function ready(fn) {
                if (document.readyState != 'loading') {
                    fn();
                } else {
                    document.addEventListener('DOMContentLoaded', fn);
                }
            }

 

#

            function addLoadEvent(func) {
                var oldonload = window.onload;
                if (typeof window.onload != 'function') {
                    window.onload = func;
                } else {
                    window.onload = function() {
                        oldonload();
                        func();
                    }
                }
            }

 

posted @ 2016-02-25 17:43  晴明桑  阅读(314)  评论(0编辑  收藏  举报