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

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

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

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

Jquery動態(tài)加載Js和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 + ">"); 
    } 
  } 
});

使用方法：

$.include('//m.fzitv.net/include/dedeajax.js'); 
$.include('//m.fzitv.net/templets/skins/style/android.css');

或者：

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

以上就是本文的全部內容，希望對大家的學習有所幫助。

您可能感興趣的文章:

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