jquery動態載入Js檔案和Css檔步驟詳解

這次帶給大家jquery動態載入Js檔和Css檔步驟詳解，jquery動態載入Js檔和Css檔的注意事項有哪些，下面就是實戰案例，一起來看一下。

如果你有很多關聯的CSS文件要一起加載，或者想動態的加載不同的CSS文件，那麼下面的方法你一定對你有​​幫助。

Jquery動態載入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(&#39;.&#39;); 
      var ext = att[att.length - 1].toLowerCase(); 
      var isCSS = ext == "css"; 
      var tag = isCSS ? "link" : "script"; 
      var attr = isCSS ? " type=&#39;text/css&#39; rel=&#39;stylesheet&#39; " : " language=&#39;javascript&#39; type=&#39;text/javascript&#39; "; 
      var link = (isCSS ? "href" : "src") + "=&#39;" + $.includePath + name + "&#39;"; 
      if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">"); 
    } 
  } 
});

使用方法：

$.include('http://www.jb51.net/include/dedeajax.js'); 
$.include('http://www.jb51.net/templets/skins/style/android.css');

#或：

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

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

使用jquery外掛ajaxupload進行檔案上傳

jQuery外掛程式Tocify動態節點實作目錄選單

jQuery外掛限制上傳檔案大小與格式使用方法

#

以上是jquery動態載入Js檔案和Css檔步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！