非常简洁的动态加载js和css的jquery plugin
// plugin author :chenjinfa@gmail.com// plugin name : $.include// $.include('file/ajaxa.js');$.include('file/ajaxa.css');//or $.includePath= 'file/';$.include(['ajaxa.js','ajaxa.css']);$.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) document.write("<" + tag + attr + link + "></" + tag + ">"); } }});放在javascript文件头部，就像C#（using...）或Java（import ...）
示例：部门管理页 Department.aspx
注：因编辑器的问题，内容（http://www.cnblogs.com）原文是“. . / . . /”
<head><link rel="stylesheet" href="http://www.cnblogs.com/css/common.css" type="text/css"/><script src="http://www.cnblogs.com/javascript/jquery.js" type="text/javascript"></script><script src="http://www.cnblogs.com/javascript/common.js" type="text/javascript"></script><script src="DepartmentInfo.js" type="text/javascript"></script></head>
include plugin 代码 放在公共common.js。
DepartmentInfo.js 文件代码
$.includePath = 'http://www.cnblogs.com/javascript/';$.include(['json2.js', 'jquery.tree.js', 'jquery.tree.css']);$(function() {$("#depTree").tree({ url: "http://www.cnblogs.com/service/ES_SYSTEM.svc/DEP_INFO_Tree"});.});
.
这样写法挺好看的。
页:
[1]