JavaScriptファイルの動的ローディング

JavaScript

Script.aculo.usみたいにJavaScriptファイルを一括で読み込みたかったんで、
調べたら良さそうなのがあったんで、メモ。

ソース

function require( src ) {
  var script  = document.createElement('script');
  script.type = 'text/javascript';
  script.src  = src;
  var head    = document.getElementsByTagName('head')[0];
  head.appendChild(script);
}

使い方

require('hogehoge.js');


をHTMLに書かないですむだけですけど、
パッケージをまとめるとかの用途には使えそうです。
なにより、HTMLがすっきりしますしね。

参考

あーありがち - JavaScript の動的ロードで（結果的に）Classic Mac を除外する
http://logic.stepserver.jp/data/archives/517.html


こんな感じですね。
あと、bookmarkletとかワンラインで使えそうなのは、
id:amachangさんの動的スクリプトローディングが便利そうです。