Rumah >hujung hadapan web >tutorial js >Gunakan jquery untuk memuatkan fail Js dan fail Css_jquery secara dinamik

Gunakan jquery untuk memuatkan fail Js dan fail Css_jquery secara dinamik

WBOY
WBOYasal
2016-05-16 15:35:161354semak imbas

Jika anda mempunyai banyak fail CSS berkaitan yang ingin anda muatkan bersama atau ingin memuatkan fail CSS yang berbeza secara dinamik, maka kaedah berikut pasti akan membantu anda.
Jquery memuatkan kaedah sambungan Js dan Css secara dinamik

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

Penggunaan:

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

atau:

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

Di atas adalah keseluruhan kandungan artikel ini, saya harap ia akan membantu kajian semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn