Rumah >hujung hadapan web >tutorial js >Gunakan jquery untuk memuatkan fail Js dan fail Css_jquery secara dinamik
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 ? "link" : "script"; var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' "; var link = (isCSS ? "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.