`

【转】JQuery 动态加载CSS与JS脚本文件

 
阅读更多

引自:http://www.cnblogs.com/xbudong/articles/1509622.html

$.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 + ">");
        }
    }
});
$.include(['http://image.esunny.com/script/jquery.divbox.js','/css/pop_win.css']);
 
分享到:
评论

相关推荐

    jquery.balloon.js:一个jQuery插件,用于向元素添加气球提示界面友好,可微调且没有CSS和图像

    快速开始(1)在jQuery之后下载并加载此插件javascript文件。 &lt; script src =" /js/jquery.balloon.js " &gt; &lt;/ script &gt; (2)在jQuery文档就绪事件中调用$()。balloon(options)。 $ ( function ( ) ...

    csscript:CSS 内联脚本运行器。 使用 javascript 模式定义 css 值

    使用javascript直接通过 css 定义css值或 eval 脚本。 CSS Script是和jQuery 的扩展。 要使CSS 脚本工作,您应该在加载 DOMList 后加载它。 如果你想使用jQUery ,那么你必须在加载之前加载 。 句法 cssproperty: '...

    jquery插件使用方法大全

    不错的JQUERY 中文学习 推荐 微软的visual studio 2008 sp1支持对jquery的动态提示,只要在代码页导入对应的vsdoc脚本就可以。 目前为止,jQuery的最新版本为1.7.2。 编辑本段历史版本  jQuery 1.0(2006年8月):...

    在css加载完毕后自动判断页面是否加入css或js文件

    最近在写项目的framework,写个JQueryMessageBox的类,以使用jquery ui中的dialog()来显示消息框,为了使方法方便调用,便加入了自动判断页面是否加入了ui.js和ui.css,代码如下: //如果没有包含ui.js,则引用 if ($...

    jQuery EasyUI Demo 实例

    一个很不错的关于jQuery EasyUI入门学习的Demo...特别地,该实例通过对界面模块的合理划分、js脚本的动态引用以及css样式的渲染等操作完成。注:例子中,所引用的均为最新的jQuery 1.8.0和jQuery EasyUI 1.3.2的版本。

    JavaScript基础教程第8版

    《JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上...

    minit:一个结合CSS和Javascript文件的WordPress插件

    将每种类型的所有CSS文件和Javascript文件连接在一起,并将它们存储在/minit下的WordPress上载目录中。 有关如何从捆绑软件中排除文件的信息,请参见下面的配置部分。 使用排队资产的组合版本号对串联文件进行版本...

    使用CDN和AJAX加速WordPress中jQuery的加载

    当然,如果你需要head部分加载jquery,也请确保所有的js文件,包括jquery,都要放在调用CSS文件的代码之后,来实现同步下载。这也是Google官方给出的建议。例如下面的加载不推荐: [removed][removed] &lt;link hr

    jQuery EasyUI 的EasyLoader功能介绍

    EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件 需要引用EasyLoader.js文件,注意:这里就不需要引用jquery.easyui.min.js文件了。 比如需要加载linkbutton组件,则可以用下面的两种方式来...

    load.js:用于 Javascript 和 TypeScript 的小型、全面的脚本加载器

    bower install load.js 加载.js load.js是一个用 TypeScript 编写的脚本加载器。 它提供了一个简单而强大的 API,让您可以管理代码中的脚本依赖项而不是外部 HTML 文件,并在不阻塞 CSS、图像或其他脚本的情况下并行...

    reserveLoad.js.zip

    最特色的功能:可以对JS脚本设置多个备用加载地址! 目前用于AngularJS中文社区:jQuery.js和angular.js默认从Google CDN获取,如果连接失败,则切换到本地服务器获取。 reserveLoad.js 功能说明: 1.备用多网址加载...

    jQuery的弹出警告对话框美化插件

    基于jQuery的弹出警告对话框美化插件(警告,确认和提示) 这个Jquery插件的目的是...详细出处参考:file:///F:/闫洪明/新建文件夹/1alerts/基于jQuery的弹出警告对话框美化插件(警告,确认和提示)_jquery_脚本之家.mht

    浅析js预加载/延迟加载

    动态插入节点是最为简单也最为广泛的一种异步加载方式,然后使用动态插入节点方法加载的文件都会 在加载后立即执行,javascript的执行一方面会占用浏览器js执行进程,另一方面也可能改变页面结构,而css 的执行更有...

    jQuery 图片浏览放大插件 ZoomImage V1.0.rar

    附加JavaScript和CSS文件到你的文档。编辑CSS文件并且 匹配你的图片路径,同时改变颜色匹配你网站的主题 重要:像例子中一样确定包含的JavaScript文件 具体顺序。 &lt;link rel="stylesheet" media="screen" type=...

    H-ui.admin 前端框架

    H-ui.admin是用H-ui前端框架开发的轻量级网站后台模版 ...│ Echo.js 图片延迟加载插件 │ colpick.js 颜色插件 │ handlebars.js js模版引擎 │ waterfall.min.js 瀑布流插件 └─temp 测试数据、图片

    jQuery基础教程(第四版)

    这一章先简单介绍jQuery及其用途,然后涉及如何下载和设置jQuery库,同时也会指导你使用jQuery编写第一个脚本。 第2章讲述如何通过jQuery中的选择符表达式及DOM遍历方法,在页面中的任何地方找到想要的元素。这一章...

    JavaScript权威指南(第6版)

    《JavaScript权威指南(第6版)》主要讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增...

    AngularJS Admin Dashboard Theme

    延迟加载的脚本和样式 动态分页 聊天指令 嵌套列表 树视图 线性图标(Themify) 验证表单 多个文件上传 向导与验证 uiSelect 定制的Css3选择指令 XEditable 图像作物 widget工具类 jQuery提供动力 面板工具 谷歌地图 ...

    JQuery ztree带筛选、异步加载实例讲解

    本文实例分享了JQuery ztree带筛选、异步加载实例,供大家参考,具体内容如下 &lt;... &lt; head&gt; &lt; base href=&lt;... script type=text/javascript src=zTrees/js/jquery-1.4.4.min.js&gt;[removed] &lt;

    JavaScript权威指南(第六版) 清晰-完整

    OReilly精品图书系列:JavaScript权威指南(第6版) 作者简介  David Flanagan是一名程序员,也是一名作家,它的个人网站是 。他在O’Reilly出版的其他畅销书还包括《JavaScript Pocket Reference》、《The Ruby ...

Global site tag (gtag.js) - Google Analytics