Ausführliche Erläuterung der Schritte zum dynamischen Laden von Js-Dateien und CSS-Dateien mit jquery

Dieses Mal werde ich Ihnen die Schritte zum dynamischen Laden von Js- und CSS-Dateien mit jquery ausführlich erläutern Fälle, werfen wir einen Blick darauf. Wenn Sie viele verwandte CSS-Dateien zusammen laden müssen oder verschiedene CSS-Dateien dynamisch laden möchten, dann wird Ihnen die folgende Methode auf jeden Fall hilfreich sein.

JQuery Dynamic Loading Js- und CSS-Erweiterungsmethode

$.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 + ">"); 
    } 
  } 
});

Verwendung:

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

Oder:

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln zum Thema PHP-Chinesisch Webseite!

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

Empfohlene Lektüre:

Verwenden des JQuery-Plug-Ins Ajaxupload zum Hochladen von Dateien

JQuery-Plug-In Tocify dynamischen Knoten zu Verzeichnismenü implementieren

jQuery-Plugin begrenzt Upload-Dateigröße und Formatnutzung

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Schritte zum dynamischen Laden von Js-Dateien und CSS-Dateien mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!