Explication détaillée des étapes pour charger dynamiquement des fichiers Js et Css avec jquery

Cette fois, je vais vous apporter une explication détaillée des étapes de chargement dynamique des fichiers Js et Css avec jquery Quelles sont les précautions pour le chargement dynamique des fichiers Js et Css avec jquery. Voici les pratiques. cas, jetons un coup d'oeil.

Si vous avez de nombreux fichiers CSS associés à charger ensemble, ou si vous souhaitez charger différents fichiers CSS de manière dynamique, la méthode suivante vous sera certainement utile.

Chargement dynamique Jquery Méthode 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(&#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 + ">"); 
    } 
  } 
});

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']);

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le php chinois. site web!

Lecture recommandée :

Utilisation du plug-in jquery ajaxupload pour le téléchargement de fichiers

Plug-in jQuery Tocify nœud dynamique vers implémenter le menu du répertoire

Le plugin jQuery limite la taille du fichier de téléchargement et l'utilisation du format

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!