wywyxa 发表于 2013-1-4 03:02:06

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]
查看完整版本: JS开发前台代码架构设计,JQ动态加载JS文件,并立即执行其方法。