jquery pemuatan dinamik kaedah fail js/css (fungsi kecil yang ditulis sendiri)_jquery

Mari kita lihat dahulu fail getSrcript yang disertakan dengan jquery

Kaedah

$.getScript(url, panggil balik)

Contoh

Salin kod Kod adalah seperti berikut:

var testVar = 'JS baharu dimuatkan!';
alert(testVar); fungsi newFun(dynParam) {
alert('Anda baru sahaja melepasi ' dynParam ' sebagai parameter.');
}

Kaedah panggilan dinamik

Salin kod Kod adalah seperti berikut:

<script type="text/javascript" src="../jquery.js"></script>

<script type="text/javascript">

$(fungsi()

{

$('#loadButton').klik(function(){

$.getScript('new.js',function(){

newFun('"Checking new script"');//Fungsi ini dalam new.js.Fungsi ini dijalankan apabila klik diklik

});

});

});

</skrip>

</head>

<badan>

<button type="button" id="loadButton">Load</button>

Di atas hanya boleh memuatkan kod js secara dinamik, tetapi tidak boleh memuatkan css Kemudian, saya menulis program yang boleh memuatkan js dan css.

Kod adalah seperti berikut

Salin kod Kod adalah seperti berikut:

$.extend({
includePath: '',
sertakan: fungsi(fail)
{
var files = jenis fail == "rentetan" ? [fail] : fail;
untuk (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' ";
pautan var = (isCSS ? "href" : "src") "='" $.includePath name "'";
if ($(tag "[" link "]").length == 0) document.write("<" tag attr link "></" tag ">");
}
}
});
$.include(['hdivbox.js','pop_win.css']);