使用原生javascript實現jquery的$(function(){ })


在使用jquery的時候,經常用到$(function(){})方法或者是$(document).read(function(){})來作為頁面dom節點加載完成之后javascript的執行入口,現在可以
使用原生的javascipt模擬jquery中 $(function(){});方法
function $(fun){
    if(typeof fun !="function"){
  throw new typeError('傳入的參數不是一個函數');
   }else{
        var doc= document;
        if(doc.addEventListener){
            doc.addEventListener("DOMContentLoaded",fun,false);
        }else{
            doc.onreadystatechange=function(){
                    if(doc.readyState=='loader'||doc.readyState=='complete'||doc.readyState=='interactive'){
          fun();
       }
            }
        }
   }
}
使用方式:
$(function(){
  console.log('模擬');
});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM