(JavaScript)jQueryを使って外部JavaScriptを動的に読み込む

Ajaxなページを作っていると、JavaScriptファイルも動的に読み込ませたくなります。

jQueryを使うと簡単に外部JavaScriptファイルを読みこませるできます。

こんな感じです。

$.getScript("./test.js", function(){
});

もし、読み込んだ後に、処理したければコールバック関数に処理を書いてやればOKです。

$.getScript("./test.js", function(){
  alert("読み込み完了");
  hoge();
});

jQueryってほんと便利ですね。

参考:

[jQuery] 外部JavaScriptファイル読込みに関する考察｜A Day In The Boy's Life

逆引きjQuery：非同期でJavaScriptのコードを取得するには？ － ＠IT