小扩展,动态加载

最新推荐文章于 2025-12-01 21:03:28 发布

原创最新推荐文章于 2025-12-01 21:03:28 发布 · 754 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#扩展 #function #callback #stylesheet #css #javascript

javascript开发专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个名为Z的类扩展，该扩展提供了一种简便的方法来动态加载JavaScript和CSS文件，并通过示例展示了如何使用这些功能。此外，还包含了加载特定弹窗库的方法。

/* Z类扩展,针对一些公共服务进行的功能扩种作者: 王哲 Nio 方法 Z.LJ 动态加载js 举例: Z.LJ('wz.js'); 默认目录为 Z.DefaultJsDir = "/public/js/"; 方法 Z.LC 动态加载CSS 举例:Z.LC('user.css'); 默认目录问为 Z.DefaultCssDir = "/public/css/"; 数组 Z.JSFileList 返回动态加载的JS列表,一位数组数组 Z.CSSFileList 返回动态加载的CSS文件列表,一位数组 */ function Z(){} Z.JSFileList = new Array(); Z.CSSFileList = new Array(); Z.DefaultCssDir = "/css/"; Z.DefaultJsDir = "/js/"; Z.LJ = function(FileName, Dir) { Dir = Dir == undefined ? Z.DefaultJsDir : Dir; FileName = Dir+FileName; $.ajax({ type: "GET", url: FileName, async: false, success: function(msg){ var e = Z.GM(); e.appendChild(Z.CE(FileName,"js",msg)); } }); } Z.LC = function(FileName, Dir) { Dir = Dir == undefined ? Z.DefaultCssDir : Dir; Z.GM().appendChild(Z.CE(Dir+FileName,'css')); } Z.GM = function() { if(document.getElementsByTagName("head").length) { return document.getElementsByTagName("head")[0]; } else { return document.body; } } Z.CE = function(FileName, Type, Source) { var ObjEle = new Array(); switch (Type) { case "js": ObjEle = document.createElement('script'); ObjEle.setAttribute("language","javascript"); ObjEle.setAttribute("defer","true"); Z.JSFileList.push(FileName); ObjEle.text = Source; break; case "css": ObjEle = document.createElement("link"); ObjEle.setAttribute("rel", "stylesheet"); ObjEle.setAttribute("type", "text/css"); ObjEle.setAttribute("href", FileName); Z.CSSFileList.push(FileName); break; } //ObjEle.setAttribute("id", +new Date); //alert(Source); return ObjEle; } Z.Alert = function(MSG) { Z.LJ("jquery/jquery-impromptu.3.1.min.js"); Z.LC("impromptu.css"); $.prompt( MSG, { buttons: { "知道了": true } } ); } Z.Confirm = function(MSG, CallBack) { Z.LJ("jquery/jquery-impromptu.3.1.min.js"); Z.LC("impromptu.css"); $.prompt( MSG, { buttons: { "可以": true, "拒绝": false }, callback: CallBack }); }

Z.LJ('ui/jquery.ui.core.js');
Z.LJ('ui/jquery.ui.widget.js');
Z.LJ('ui/jquery.ui.position.js');
Z.LJ('ui/jquery.ui.autocomplete.js');
Z.LJ('ui/jquery.ui.datepicker.js');

Z.LC('ui/jquery.ui.all.css');

可好使了.就是得依靠Jquery的ajax