jquery動態載入js/css檔案方法(自寫小函數)_jquery

先來看看jquery自帶的getSrcript檔

方法

$.getScript(url,callback)

實例

複製程式碼 程式碼如下:

var testVar = 'New JS loaded!';
alert(testVar); function newFun(dynParam) {
alert('You just passed ' dynParam ' as parameter.');
}

動態呼叫方法

複製程式碼 程式碼如下:

$(function()

{

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

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

newFun('"Checking new script"');//這個函數是在new.js裡面的，當點擊click後執行這個函數

});

});

});

Load

上面的只能動態載入js程式碼，但不能載入css，後來自己寫了一個可載入js與css的程式。

程式碼如下

複製程式碼 程式碼如下:

$.extend({
includePath: '',
include: function(file)
{
var files = typeof file == "string" ? [file] : file;
for (var i = 0; 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 ">");
}
}
});
$.include(['hdivbox.js','pop_win.css']);