六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 68|回复: 0

非常简洁的动态加载js和css的jquery plugin

[复制链接]

升级  68%

8

主题

8

主题

8

主题

童生

Rank: 1

积分
34
 楼主| 发表于 2013-1-29 07:30:00 | 显示全部楼层 |阅读模式
// 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]: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("<" + 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"  });  .});
.
这样写法挺好看的。
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表