Utilisez jquery pour charger dynamiquement les fichiers Js et Css files_jquery

Si vous souhaitez charger ensemble de nombreux fichiers CSS associés ou si vous souhaitez charger différents fichiers CSS de manière dynamique, la méthode suivante vous sera certainement utile.
Jquery charge dynamiquement les méthodes d'extension Js et 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 &#63; "link" : "script"; 
      var attr = isCSS &#63; " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' "; 
      var link = (isCSS &#63; "href" : "src") + "='" + $.includePath + name + "'"; 
      if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">"); 
    } 
  } 
}); 

Utilisation :

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

ou :

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

Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun.