pandazx's blog

データ分析など雑多な技術ブログ

javascriptで外部ファイルを動的ロード

変数を使って、動的に読み込むファイルを変える方法。

var elem = document.createElement("script");
elem.type = "text/javascript";
elem.src = "script.js";
document.body.appendChild(elem);

この方法はbodyに追加する形を取るので、
bodyタグよりも下で実行する必要がある点に注意。
他にもいくつか方法はあったが、自分的にはこれが一番シンプルな方法だった。

evalで読み込む方法は他のjavascriptが評価された後に
外部ファイルが評価されるっぽい動作だったので使わなかった。

参考:動的に JavaScriptを読み込む: Script雑感