`

JavaScript和Jquery动态加载Js文件和Css文件

 
阅读更多
1. jQuery自身方法
$.load()  //方法
$.getScript()  //方法



2. JavaScript和Jquery动态加载Js文件和Css文件 http://www.phpernote.com/jquery/107.html
// 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 + ">");
        }
   }
});



<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>



$.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"
  });
  .
});
分享到:
评论

相关推荐

    HTML+CSS+JavaScript+jQuery+Bootstrap等前端框架实现的前端案例.zip

    JavaScript是前端的核心动态语言,它负责处理用户交互、数据操作和页面动态效果。例如,JavaScript可以添加事件监听器,如点击按钮触发函数,或者通过Ajax进行异步数据请求。在webdemo-master中,JavaScript文件可能...

    jquery-ui.css、jquery-ui.js下载

    在本文中,我们将详细探讨`jquery-ui.css`和`jquery-ui.js`这两个关键文件,并讨论如何在项目中有效地使用它们。 首先,`jquery-ui.css`是jQuery UI的核心样式文件,它包含了所有组件的默认样式和主题。这个文件...

    jquery css 加载插件

    这些CSS文件(如load1.css到load8.css)和JavaScript库(如jQuery)的结合使用,可以创建出各种不同的加载动画,使得页面在处理后台任务时显示一种视觉反馈,告知用户系统正在工作。 首先,jQuery是一个流行的...

    jquery-ui js/css通用文件

    综上所述,`jquery-ui-1.11.4.custom` 压缩包提供了一套完整的 jQuery UI 解决方案,包含了实现各种用户界面元素和交互效果所需的 CSS 和 JavaScript 文件。正确地引入和使用这些文件,可以帮助开发者快速构建功能...

    JavaScript+jQuery实现途乐行(旅游型)htm页面

    在这个项目中,所有相关的HTML、JavaScript和CSS文件以及其他资源文件都可能包含在这个目录结构下,以便于管理和部署。 总的来说,这个项目展示了HTML负责页面结构,JavaScript负责动态交互,而jQuery则提供了便利...

    生日祝福(HTML+CSS+JavaScript+jQuery).zip

    这个项目对于初学者来说,是一个很好的实战平台,可以练习HTML的文档组织,理解CSS的选择器和样式规则,体验JavaScript的动态特性,并掌握jQuery的高效DOM操作。同时,它也可以帮助学习者了解如何将这些技术结合在...

    京东商城商品详情页面网页源码解析(静动态结合,包含CSS、HTML、Javascript、jQuery)

    在商品详情页面中,JavaScript可能用于实现动态加载更多评论、添加到购物车、商品评分等功能。理解事件监听器(event listeners)和DOM操作(如`getElementById`、`innerHTML`等)至关重要。此外,学习如何处理异步...

    JavaScript CSS jQuery 网页音乐播放器

    JavaScript、CSS和jQuery是网页开发中的三大核心技术,它们在创建交互式和动态的网页音乐播放器中发挥着关键作用。本项目"JavaScript CSS jQuery 网页音乐播放器"旨在教你如何利用这些技术构建一个功能丰富的音乐...

    JS 动态加载js文件和css文件 同步/异步的两种简单方式

    JavaScript动态加载资源文件是指在页面加载完成后,根据需要从服务器动态加载额外的脚本(js文件)或样式表(css文件)。这种方法可以减少初始页面加载时的资源消耗,提高页面的加载速度。动态加载可以通过两种方式...

    jquery插件jquery-ui-1.8.18.custom.min.js及css文件

    在本篇文章中,我们将深入探讨其自定义版本 `jquery-ui-1.8.18.custom.min.js` 和相关的 CSS 文件,以理解它们如何协同工作,为网页带来强大的功能和美观的界面。 首先,`jquery-ui-1.8.18.custom.min.js` 是 ...

    30 个 jQuery & CSS3 加载动画和进度栏插件

    在加载动画方面,jQuery提供了一系列简便的方法来创建动态效果,比如`.fadeIn()`, `.slideToggle()`, 和 `.animate()`等,这些方法可以轻松实现页面内容的平滑过渡,使用户在等待内容加载时不会感到枯燥乏味。...

    使用jquery动态加载Js文件和Css文件

    在当今Web开发中,动态加载JavaScript文件和CSS文件是一种常见的需求,它可以帮助改善页面加载时间,提高用户体验。这篇文章将详细介绍如何使用jQuery来实现这一功能。jQuery作为一个广泛使用的JavaScript库,它提供...

    使用jquery动态加载js文件的方法

    在讨论使用jQuery进行动态加载js文件的方法之前,我们需要了解jQuery是一个快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互,其设计目的是使开发web页面更加快捷方便。...

    jQuery实现图片动态加载效果

    在实现图片动态加载时,我们主要利用jQuery的事件监听和AJAX异步请求功能。 1. **基础结构**:创建一个HTML页面,包含一个用于展示图片的容器,例如`&lt;div id="waterfall"&gt;&lt;/div&gt;`。这个容器可以是瀑布流布局,便于...

    jQuery动态加载json数据.docx

    《jQuery动态加载JSON数据》...通过这种方式,开发者可以创建更加动态和交互的Web应用,提升用户体验,同时降低服务器负载,因为数据只在需要时才被请求和加载。理解并熟练掌握这一技术,对于提升Web开发能力至关重要。

    jQuery+css 流程图插件

    "jQuery+css 实现的单分支流程图插件"是一个利用JavaScript库jQuery和CSS样式来创建简单、动态流程图的解决方案。这种插件特别适合那些希望快速实现流程展示,而无需深入了解复杂图表库的开发者。 **jQuery库的运用...

    jquery css3进度条加载动画特效

    标题中的“jQuery CSS3进度条加载动画特效”指的是利用JavaScript库jQuery和CSS3技术来创建一种视觉效果,即在网页内容加载时显示的进度条。这种特效可以提供用户反馈,表明页面正在加载,并且增加了用户体验的互动...

    JavaScript&JQuery&CSS&CSS等等DIV实例大全.zip

    这个压缩包文件“JavaScript&JQuery&CSS&CSS等等DIV实例大全.zip”显然是一个包含各种示例和教程的集合,旨在帮助开发者深入理解和应用这些技术。 JavaScript是一种在客户端运行的脚本语言,它主要用于网页的交互性...

    CSS JS JQUERY文档

    在IT领域,CSS(Cascading Style Sheets), JavaScript,以及jQuery是构建现代网页和交互式用户界面不可或缺的三大核心技术。下面将详细阐述这三个技术及其重要性,以及它们之间的关联。 CSS,全称层叠样式表,是...

Global site tag (gtag.js) - Google Analytics