JS开发前台代码架构设计,JQ动态加载JS文件,并立即执行其方法。
<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; for (var i = 0; i < files.length; i++) { var name = files.replace(/^\s|\s$/g, ""); var att = name.split('.'); var ext = att.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']);
页:
[1]