jQuery动态加载js文件并立即执行其方法

为实现。一个页面处理所有系统维护表单。又能很好的管理系统代码。做了这样一个架构：

每个表单做一个xml与js文件。xml内自定义（或使用HTML代码）来描述表单的内容及样式。js文件内放入该表单的处理文件。系统使用到改表单时，由主界面动态将表单所属的js与xml文件加载到主页面。并生成表单。动态加载JS文件，并立即执行其方法的代码如下：

动态加载Js、Css文件代码：

//动态加载文件代码
$.extend({
includePath: ”,
include: function (file) {
var files = typeof file == “string” ? [file] : file;
for (var i = 0; i < files.length; i++) {
var name = files[i].replace(/^\s|\s$/g, “”);
var att = name.split(‘.’);
var ext = att[att.length – 1].toLowerCase();
var isCSS = ext == “css”;
var tag = isCSS ? “link” : “script”;
var attr = isCSS ? ” type=’text/css’ rel=’stylesheet’ ” : ” language=’javascript’ type=’text/javascript’ “;
var link = (isCSS ? “href” : “src”) + “='” + $.includePath + name + “‘”;
if ($(tag + “[” + link + “]”).length == 0) document.write(“”);
}
}
});
//使用方法
$.includePath = ‘Scripts/WorkSpace/’;
$.include([‘GetVehicleGroup.js’]);
注：代码系转载。不过已经使用过，很好使

2.立即使用Js文件中的方法
因为是动态加载的。考虑到网络原因。立即使用JS文件中的方法会报错。不过可以使用下边代码

function _GetVehicleGroup() {

if (“undefined” == typeof (GetVehicleGroupIsOk)) {
setTimeout(“_GetVehicleGroup()”, 200);
return;

}
//动态加载JS文件中的方法
GetVehicleGroup();
}
注：要在要加载的JS文件里加上一个标记，如：

var GetVehicleGroupIsOk = “enable”;

转载请注明：jQuery动态加载js文件并立即执行其方法 - 前端开发