快捷導(dǎo)航

使用jquery動(dòng)態(tài)加載Js文件和Css文件

更新時(shí)間：2021年06月09日 12:01:25 投稿：lijiao

這篇文章主要為大家詳細(xì)介紹了使用jquery動(dòng)態(tài)加載Js文件和Css文件的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

如果你有很多關(guān)聯(lián)的CSS文件要一起加載，或者想動(dòng)態(tài)的加載不同的CSS文件，那么下面的方法你一定對(duì)你有幫助。

Jquery動(dòng)態(tài)加載Js和Css擴(kuò)展方法

$.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('//www.fzitv.net/include/dedeajax.js'); 
$.include('//www.fzitv.net/templets/skins/style/android.css');

或者：

$.includePath='www.fzitv.net/html/'; 
$.include([dedeajax.js','android.css']);

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery完成表單驗(yàn)證的實(shí)例代碼(純代碼)
這篇文章主要介紹了jquery完成表單驗(yàn)證的實(shí)例代碼，代碼簡(jiǎn)單易懂,需要的朋友可以參考下
2017-09-09
jQuery實(shí)現(xiàn)的模擬彈出窗口功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的模擬彈出窗口功能,結(jié)合實(shí)例形式分析了jQuery彈出窗口的初始化、坐標(biāo)、背景設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下
2016-11-11
JQuery toggle使用分析
今天針對(duì)這個(gè)JQuery里面的toggle聊幾句，文章中涉及到了一些問題望牛牛們能幫忙解惑一下。
2009-11-11
jquery text()方法取標(biāo)簽中的文本
本節(jié)主要介紹了jquery使用text()方法取標(biāo)簽中的文本的具體實(shí)現(xiàn),需要的朋友可以參考下
2014-07-07
jquery中獲取元素的幾種方式小結(jié)
jquery中獲取元素的幾種方式小結(jié)，需要的朋友可以參考下。
2011-07-07
jQuery插件echarts實(shí)現(xiàn)的循環(huán)生成圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實(shí)現(xiàn)的循環(huán)生成圖效果,結(jié)合完整實(shí)例形式分析了echarts插件循環(huán)輸出數(shù)字圖形的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
jquery控制listbox中項(xiàng)的移動(dòng)并排序的實(shí)現(xiàn)代碼
listbox中項(xiàng)的移動(dòng)并排序的jquery實(shí)現(xiàn)代碼，使用jquery與listbox的朋友可以參考下。
2010-09-09
jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法示例詳解
這篇文章主要介紹了jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法的應(yīng)用,需要的朋友可以參考下
2014-05-05
jQuery EasyUI 菜單與按鈕之創(chuàng)建簡(jiǎn)單的菜單和鏈接按鈕
這篇文章主要介紹了jQuery EasyUI 菜單與按鈕之創(chuàng)建簡(jiǎn)單的菜單和鏈接按鈕,需要的朋友可以參考下
2015-11-11
jQuery simplePage+AJAX plus分頁(yè)插件用法實(shí)例
這篇文章主要介紹了jQuery simplePage+AJAX plus分頁(yè)插件用法,結(jié)合實(shí)例形式分析了jQuery基于extend擴(kuò)展實(shí)現(xiàn)分頁(yè)插件的具體技巧,需要的朋友可以參考下
2016-02-02