JS开发前台代码架构设计，JQ动态加载JS文件，并立即执行其方法。

wywyxa

<div id="cnblogs_post_body">为实现。一个页面处理所有系统维护表单。又能很好的管理系统代码。做了这样一个架构：
　　每个表单做一个xml与js文件。xml内自定义（或使用HTML代码）来描述表单的内容及样式。js文件内放入该表单的处理文件。系统使用到改表单时，由主界面动态将表单所属的js与xml文件加载到主页面。并生成表单。动态加载JS文件，并立即执行其方法的代码如下：

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

　　
<div class="cnblogs_Highlighter">    //动态加载文件代码    $.extend({        includePath: '',        include: function (file) {            var files = typeof file == "string" ? [file] : file;            for (var i = 0; i < files.length; i++) {                var name = files.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) {                    $("head").html($("head").html() + "<" + tag + attr + link + "></" + tag + ">");                }            }        }    });    //使用方法    $.includePath = 'Scripts/WorkSpace/';    $.include(['GetVehicleGroup.js']);