原生JS实现jquery的ready

Posted tuna

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生JS实现jquery的ready相关的知识,希望对你有一定的参考价值。

 

       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();
                        }
                    });
                }
            }

 

以上是关于原生JS实现jquery的ready的主要内容,如果未能解决你的问题,请参考以下文章

原生js实现jquery ready方法

jQuery学习— jQuery的ready事件和原生JS的load事件的区别

26个jQuery代码片段使用技巧

十条实用的jQuery代码片段

原生JS 实现 dom ready

几个有用的JavaScript/jQuery代码片段(转)