createElementでscriptタグを作成してheadに入れる 一般的に広く使用されている方法。 var script = document.createElement("script"); script.setAttribute("src", "hoge.js"); document.getElementsByTagName("head")[0].appendChild(script); JQueryでscriptタグを作成してheadに入れる JQueryを使用した方法。チェーンメソッドで拡張可能。 $("<script>") .attr("src", "hoge.js") .appendTo("head"); JQueryの$.getScriptで読み込む 同じくJQueryを使用した方法だがコードは1行で済む。 $.getScript("hoge.js");
![JavaScriptでスクリプトを動的に読み込む3つの方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/fa9c5bb5f6fd559a0ca921fb56e2c0b643650272/height=288;version=1;width=512/https%3A%2F%2Fiwb.jp%2Fwp-content%2Fuploads%2F2012%2F09%2Fread-js-dynamic.png)