jqueryでjs/cssファイルを動的にロードする方法（自作の小さな関数）_jquery

まず、jquery に付属する getSrcript ファイルを見てみましょう

メソッド

$.getScript(url,callback)

例

コードをコピー コードは次のとおりです:

var testVar = '新しい JS がロードされました!';
アラート(testVar); 関数 newFun(dynParam) {
alert('パラメータとして ' dynParam ' を渡しました。');
}

動的呼び出しメソッド

コードをコピーします コードは次のとおりです:

$(関数()

{

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

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

newFun('"Checking new script"');//この関数は new.js にあります。この関数はクリックされたときに実行されます。

});

});

});

ロード

上記はjsコードのみを動的に読み込むことができますが、cssを読み込むことはできません。後で、jsとcssを読み込むことができるプログラムを書きました。

コードは次のとおりです

コードをコピー コードは次のとおりです:

$.extend({
includePath: '',
インクルード: 関数(ファイル)
{
var files = ファイルの種類 == "文字列" ? [ファイル] : ファイル;
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 タグ = isCSS ? "リンク" : "スクリプト";
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("" タグ ">");
}
}
});
$.include(['hdivbox.js','pop_win.css']);