JavaScriptテックラボ

jQueryを使ったJavaScriptファイルの動的読み込み

JavaScriptを動的に読み込みたいケースなどがありますが、jQueryのgetScript()メソッドで簡単に実現できます。

$.getScript("./script.js");

これで外部JSファイルを動的に読み込めます。IF文などを使って、スマートフォンのときだけ特定スクリプトを読み込む、などに便利です。

読み込んだ後に処理を行いたい場合は、getScriptの第2引数にコールバック関数を設定できます。

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

関連記事