Heim  >  Artikel  >  Web-Frontend  >  Verwenden Sie jquery, um Js-Dateien und CSS-Dateien_jquery dynamisch zu laden

Verwenden Sie jquery, um Js-Dateien und CSS-Dateien_jquery dynamisch zu laden

WBOY
WBOYOriginal
2016-05-16 15:35:161325Durchsuche

Wenn Sie viele verwandte CSS-Dateien haben, die Sie zusammen laden möchten, oder verschiedene CSS-Dateien dynamisch laden möchten, dann wird Ihnen die folgende Methode auf jeden Fall hilfreich sein.
Jquery lädt Js- und CSS-Erweiterungsmethoden dynamisch

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

Verwendung:

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

oder:

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

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn