生JS实现jQuery的ready方法呢?下面是其中之一的做法:

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了生JS实现jQuery的ready方法呢?下面是其中之一的做法:相关的知识,希望对你有一定的参考价值。

 

 

[javascript]

 

 
  1. function ready(fn){  
  2.     if(document.addEventListener){      //标准浏览器  
  3.         document.addEventListener(‘DOMContentLoaded‘,function(){  
  4.             //注销时间,避免反复触发  
  5.             document.removeEventListener(‘DOMContentLoaded‘,arguments.callee,false);  
  6.             fn();       //执行函数  
  7.         },false);  
  8.     }else if(document.attachEvent){     //IE浏览器  
  9.         document.attachEvent(‘onreadystatechange‘,function(){  
  10.             if(document.readyState==‘complete‘){  
  11.                 document.detachEvent(‘onreadystatechange‘,arguments.callee);  
  12.                 fn();       //函数执行  
  13.             }  
  14.         });  
  15.     }  
  16. }

以上是关于生JS实现jQuery的ready方法呢?下面是其中之一的做法:的主要内容,如果未能解决你的问题,请参考以下文章

原生js实现jquery ready方法

jQuery事件详解之$(document).ready()

原生JS实现jquery的ready

jQuery ready方法实现

[Jquery]关于$.load()使用的一些问题

JQuery的ready函数与JS的onload的区别