js下利用控制器載入對應(yīng)腳本
更新時間：2010年07月17日 20:33:01 作者：
因項目開發(fā)需要，須將每一個方法都獨立成單獨的js文件以便載入、維護(hù)，所以，必須需要有一個控制器用于載入這些方法。
我的思路是，在編寫?yīng)毩⒛K的時候，注意將這些方法集成到$.tools對象中，接下來，在頁面中，調(diào)用控制器載入模塊，并在載入完成后判斷$.tools中對象的個數(shù)與預(yù)定義載入的模塊數(shù)是否相等，如不等繼續(xù)等待，如相等執(zhí)行回調(diào)函數(shù)。
/*
* LOADScript Mod
* Params url1,url2,url3,url4,fn
*/
jQuery.extend({
loadMod: function(){
var argleng = arguments.length,
arglast = arguments[argleng-1],
fn = false,
queue = [],
checknum = 0,
timer = null
// init
if(jQuery.isFunction(arglast)){argleng = argleng -1;fn=arglast;}
for (var i=0;i<argleng ;i++){
queue.push(arguments[i]);
}
// getscript
jQuery.each(queue,function(i,o){
jQuery.getScript(o);
});
// check load ready?
loadReady();
function loadReady(){
if(jQuery.tools != undefined){
checknum = 0;
$.each(jQuery.tools,function(i,n){
if(jQuery.isPlainObject(n)){checknum++;}
});
}
if(checknum != argleng){
clearTimeout(timer);
timer = setTimeout(loadReady, 100);
}else{
if(!!fn){fn.call(document.jQuery)}
}
}
}
});
// 使用方法
$.loadMod('a.js','b.js','c.js',function(){
alert('success!');
});
復(fù)制代碼 代碼如下:
/*
* LOADScript Mod
* Params url1,url2,url3,url4,fn
*/
jQuery.extend({
loadMod: function(){
var argleng = arguments.length,
arglast = arguments[argleng-1],
fn = false,
queue = [],
checknum = 0,
timer = null
// init
if(jQuery.isFunction(arglast)){argleng = argleng -1;fn=arglast;}
for (var i=0;i<argleng ;i++){
queue.push(arguments[i]);
}
// getscript
jQuery.each(queue,function(i,o){
jQuery.getScript(o);
});
// check load ready?
loadReady();
function loadReady(){
if(jQuery.tools != undefined){
checknum = 0;
$.each(jQuery.tools,function(i,n){
if(jQuery.isPlainObject(n)){checknum++;}
});
}
if(checknum != argleng){
clearTimeout(timer);
timer = setTimeout(loadReady, 100);
}else{
if(!!fn){fn.call(document.jQuery)}
}
}
}
});
// 使用方法
$.loadMod('a.js','b.js','c.js',function(){
alert('success!');
});
相關(guān)文章
使用js獲取cookie或許你會，但是要獲取指定cookie，你會嗎？下面有個不錯的示例，大家可以參考下2014-02-02
JavaScript?無法處理二進(jìn)制數(shù)據(jù)。如果一定要處理的話，只能使用?charCodeAt()?方法，一個個字節(jié)地從文字編碼轉(zhuǎn)成二進(jìn)制數(shù)據(jù)，還有一種辦法是將二進(jìn)制數(shù)據(jù)轉(zhuǎn)成?Base64?編碼，再進(jìn)行處理，這篇文章主要介紹了JS前端使用Blob和File讀取文件,需要的朋友可以參考下2022-11-11
下面小編就為大家?guī)硪黄褂肑S實現(xiàn)圖片輪播的實例(前后首尾相接)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
有時候需要刪除網(wǎng)站的cookies，一個一個太麻煩，這個可以批量的刪除所有的cookies，需要的朋友可以參考下。2010-11-11
這篇文章主要給大家介紹了關(guān)于Three.js中矩陣和向量使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Three.js具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
動態(tài)加載js、css等文件跨iframe實現(xiàn)
這篇文章主要介紹了動態(tài)加載js、css等文件跨iframe實現(xiàn)的方法,需要的朋友可以參考下2014-02-02
PhotoShop給圖片自動添加邊框及EXIF信息的JS腳本
這篇文章主要介紹了PhotoShop給圖片自動添加邊框及EXIF信息的JS腳本,本文給出效果圖和實現(xiàn)代碼,需要的朋友可以參考下2015-02-02
本文主要介紹了使用webpack打包ts代碼的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
ES6使用新特性Proxy實現(xiàn)的數(shù)據(jù)綁定功能實例
這篇文章主要介紹了ES6使用新特性Proxy實現(xiàn)的數(shù)據(jù)綁定功能,結(jié)合具體實例形式分析了ES6使用Proxy實現(xiàn)數(shù)據(jù)綁定具體原理、操作步驟與相關(guān)注意事項,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了BootStrap模態(tài)框閃退問題實例代碼詳解,需要的朋友可以參考下2018-12-12