JS原生方法實現jQuery的ready

2021-09-06 19:20:58 字數 1049 閱讀 6156

瀏覽器載入頁面的順序:

1、 解析html結構

2、 載入外部指令碼和樣式表檔案

3、 解析並執行指令碼**

4、 構造html dom模型==ready()

5、 載入等元件

6、 頁面載入完畢==onload()

ready事件是在dom模型構造完畢時觸發

load事件是在頁面載入完畢後觸發

function ready(fn) , false);

} else if (document.attachevent)

});}

};

ready()加強版

/*

* 傳遞函式給whenready()

* 當文件解析完畢且為操作準備就緒時,函式作為document的方法呼叫

*/var whenready = (function ()

//執行所有註冊函式

//注意每次都要計算funcs.length

//以防這些函式的呼叫可能會導致註冊更多的函式

for (var i = 0; i < funcs.length; i++)

//事件處理函式完整執行,切換ready狀態, 並移除所有函式

ready = true;

funcs = null;

}//為接收到的任何事件註冊處理程式

if (document.addeventlistener) else if (document.attachevent)

//返回whenready()函式

return function whenready(fn)

else

}})();

//--------------------- test -----

function t1()

function t2()

// t2-t1-t2

whenready(t1);

t2();

whenready(t2);

jQuery原生js實現 trim

中秋節快樂!今天有點空閒,特意找下簡單的jquery方法,但還算是實用的方法,jquery靜態方法trim。該方法能夠清楚字串首尾空格,一般用於輸入框,表單等地方。相信有點正則或者對js原生api有點了解都知道,該方法實現並不難,所以直接上 jquery原生js實現 trim 直接修改原生strin...

簡單的原生js 模擬jquery方法

倉促的模擬敲一下就上傳來儲存了。object.prototype.fadein function speed speed return that 原生模擬jq中 fadeout 方法 object.prototype.fadeout function speed speed return that ...

js陣列原生方法的實現

1 陣列遍歷foreach 自定義foreach param fn 待執行方法 function foreach fn 2 陣列對映map 自定義map param fn 待執行方法 function map fn return list 3陣列過濾filter 自定義filter param fn...