JS库模板-优快云博客

本文链接：https://blog.youkuaiyun.com/sharp_ice/article/details/3859896

上一个版本，还存在着许多问题，这是新版本，可正常运行

//文件名：Lib.js //JsLib必须包含的头文件 //库状态 var LibStatus={ Prepare:1, //预备状态 LoadingScript:2, //加载文件 RuningPackages:3, //运行包 Runing:4 //程序已运行 } var Lib={ timerID:null, //测试include的时间标志 timeOutID:null, //超时检测ID timeOut:5, //超时 path:null, //库文件目录 scripts:[], //所有已包含的js allIncluded:[], //所有加载的文件名 scriptCatch:[], //缓存 packages:[], //所有程序包 status:LibStatus.Prepare, //初始状态 main:function(){alert("未指定Lib.main程序入口")}, //程序入口 onTimeOut:function(){ alert("代码加载超时，页面将马上运行，但可能会发生错误。"); this.main(); }, _onTimeOut:function(){//超时事件 window.clearInterval(this.timerID); //清除定时器 this.onTimeOut(); }, //取文件目录 GetFilePath:function(fn) { var path=""; var found=false; var scripts=document.getElementsByTagName("SCRIPT"); for(var i=0;i<scripts.length;i++) { var fullPath=scripts[i].src; var index=fullPath.lastIndexOf("/"); var fileName=fullPath.substr(index+1); if(fileName.toLowerCase()==fn.toLowerCase()) { if(found) { alert("警告：您在代码中多次导入["+fn+"],这有可能导致错误"); } path=fullPath.substring(0,index+1); found=true; } } if(!found) { alert("警告：无法找到文件["+fn+"]"); } return path; }, LoadScript:function(scr,language) { if(language==null) { language="javascript"; } var script=document.createElement("script"); script.type="text/"+language; script.language=language; script.src=scr; var head=document.getElementsByTagName("head")[0]; if(!script.readyState) {//fireFox兼容 script.onload=function(evn) { this.readyState="loaded"; } } head.appendChild(script); return script; }, //文件包含函数，所取目录相对于header.js所在目录 include:function(path) { for(var i=0;i<this.allIncluded.length;i++) { if(this.allIncluded[i].toLowerCase()==path.toLowerCase()) {//重复包含，跳过 return; } } if(this.status==LibStatus.LoadingScript) {//已触发加载文件，缓存加载 this.scriptCatch.push(path); } //添加到缓存中，暂不加载 this.allIncluded.push(path); }, //新增程序包 newPackage:function(fun) { //fun中的代码必须在文件所包含的script完全加载情况下才能运行 //在此缓存包 this.packages.push(fun); }, //开始运行程序 Run:function() { //触发加载所有script文件 this.status=LibStatus.LoadingScript; var tmp=[]; for(var i=0;i<this.allIncluded.length;i++) { var fullPath=this.path+this.allIncluded[i]; tmp.push(fullPath); } for(var i=0;i<tmp.length;i++) { this.scripts.push(this.LoadScript(tmp[i])); } this.timeOutID=window.setTimeout("Lib._onTimeOut()", this.timeOut*1000); this.timerID=window.setInterval("Lib.Trying()",1); //开启定时器，检测include的文件，并偿试运行 }, //偿试中 Trying:function() { for(var i=0;i<this.scripts.length;i++) { var script=this.scripts[i]; if(!script.readyState) {//fireFox下没有readyState属性，该属性会在script.onload时，被赋值 return; } var state=script.readyState; if(state!="loaded" && state!="complete") {//尚有未加载完成的js文件 return; } } if(this.scriptCatch.length>0) {//仍有缓存，继续加载 var tmp=[]; for(var i=0;i<this.scriptCatch.length;i++) { var fullPath=this.path+this.scriptCatch[i]; tmp.push(fullPath); } this.scriptCatch.splice(0,this.scriptCatch.length); for(var i=0;i<tmp.length;i++) { this.scripts.push(this.LoadScript(tmp[i])); } return; } //加载完成，运行 this.status=LibStatus.RuningPackages; for(var i=this.packages.length-1;i>=0;i--) { var fun=this.packages[i]; var rv=fun(); if(rv==null) { continue; } //将包返回的全局变量抛给window for(var attr in rv) { window[attr]=rv[attr]; } } this.status=LibStatus.Runing; window.clearTimeout(this.timeOutID); //清除timeOutID window.clearInterval(this.timerID); //清除定时器 this.main(); //运行 } } Lib.path=Lib.GetFilePath("Lib.js"); //要加载的script文件 Lib.ScriptFile=function() { //所要包含的文件 this.headers=[]; //文件中所建立的包 this.pakages=[]; } function LibRun(evn) { Lib.Run(); } if(window.attachEvent) { window.attachEvent("onload",LibRun) } else { window.addEventListener("load",LibRun,false); }

这是JS库文件的模板

/// <reference path="Lib.js" /> //在这里添加所需要的js文件，所包含的JS文件路径需相对于Lib.js文件 Lib.include("prototype_ext.js"); //如果代码需依赖于以上所包含的文件，请写在newPackage中 Lib.newPackage(function(){ //在此处所写的代码，在文件加载后会运行，但所定义的变量、函数不被全局所引用 var messageInPackage="messageInPackage被定义在包中，但不能直接引用"; return { //返回值的属性，将被抛给window对象，相当于这里面的内容为全局属性。 FunInPackage:function() { alert(messageInPackage); } }; }); //如果代码为独立定义的一些函数，不依赖于上面所包含的JS文件，则可以直接写在外面 function MyFun() { alert("MyFun()定义为全局函数，且不依赖于其它文件"); }

写成这种形式，突然想到，很象ExtJs中的包，其实不是刻意的去模仿它，只是做着做着，自然就做成这种形式了，没办法，谁叫JS没有Sleep之类的功能呢。

这是调用方法

<mce:script src="Lib.js" mce_src="Lib.js" type="text/javascript"></mce:script> <mce:script id="sc" language="javascript" type="text/javascript"></mce:script>

JSLIB第二版