js函數(shù)的延遲加載實(shí)現(xiàn)代碼
更新時(shí)間:2012年10月11日 22:52:17 作者:
延遲加載的函數(shù),第一次調(diào)用后,會(huì)覆蓋原來(lái)的老函數(shù),以后再次調(diào)用的是新函數(shù),不會(huì)再進(jìn)行條件的判斷,提升效率
復(fù)制代碼 代碼如下:
//非延遲加載的函數(shù),每次調(diào)用都會(huì)進(jìn)行條件判斷
function removeHandler(target,eventType,handler) {
if(target.removeEventListener) {
target.removeEventListener(eventType,handler,false);
}else {
target.detachEvent("on"+eventType,handler);
}
}
//延遲加載的函數(shù),第一次調(diào)用后,會(huì)覆蓋原來(lái)的老函數(shù),以后再次調(diào)用的是新函數(shù),不會(huì)再進(jìn)行條件的判斷,提升效率
function addHandler(target,eventType,handler) {
if(target.addEventListener) {
addHandler = function(target,eventType,handler){
target.addEventListener(eventType,handler,false);
}
}else{
addHandler = function(target,eventType,handler){
target.attachEvent("on"+eventType,handler);
}
}
addHandler(target,eventType,handler);
}
//條件預(yù)加載
//條件預(yù)加載確保所有函數(shù)調(diào)用時(shí)間相同。其代價(jià)是在腳本加載時(shí)進(jìn)行檢測(cè)。預(yù)加載適用于一個(gè)函數(shù)馬上就會(huì)被用到,而且在整個(gè)頁(yè)面生命周期中經(jīng)常使用的場(chǎng)合。
var addEventHandler = document.body.addEventListener ? function(target,eventType,handler) {
target.addEventListener(eventType,handler,false);
} : function(target,eventType,handler) {
target.attachEvent("on"+eventType,handler);
}
相關(guān)文章
創(chuàng)建、調(diào)用JavaScript對(duì)象的方法集錦
這篇文章主要介紹了創(chuàng)建、調(diào)用JavaScript對(duì)象的方法集錦,需要的朋友可以參考下2014-12-12基于BootstrapValidator的Form表單驗(yàn)證(24)
這篇文章主要為大家詳細(xì)介紹了基于BootstrapValidator的Form表驗(yàn)證,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12[JS源碼]超長(zhǎng)文章自動(dòng)分頁(yè)(客戶(hù)端版)
[JS源碼]超長(zhǎng)文章自動(dòng)分頁(yè)(客戶(hù)端版)...2007-01-01uni-app使用uploadFile上傳多張圖片的具體實(shí)現(xiàn)
在微信小程序中不支持多張圖片上傳,需要做循環(huán)實(shí)現(xiàn)多張圖片上傳,下面這篇文章主要給大家介紹了關(guān)于uni-app使用uploadFile上傳多張圖片的具體實(shí)現(xiàn),需要的朋友可以參考下2023-04-04JS實(shí)現(xiàn)基于Sketch.js模擬成群游動(dòng)的蝌蚪運(yùn)動(dòng)動(dòng)畫(huà)效果【附demo源碼下載】
這篇文章主要介紹了JS實(shí)現(xiàn)基于Sketch.js模擬成群游動(dòng)的蝌蚪運(yùn)動(dòng)動(dòng)畫(huà)效果,涉及Sketch.js插件的使用及HTML5元素的應(yīng)用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-08-08three.js中g(shù)sap動(dòng)畫(huà)庫(kù)實(shí)現(xiàn)物體的動(dòng)畫(huà)
本文主要介紹了three.js中g(shù)sap動(dòng)畫(huà)庫(kù)實(shí)現(xiàn)物體的動(dòng)畫(huà),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07