瀏覽器載入頁面的順序:
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...