jsファイルに別のjsファイルをインクルード

HTMLからJavaScriptファイル（以降、jsファイル）を利用する場合、以下のように記述する。

Hoge.jsをインクルードする場合に、ＨＴＭＬに記述するタグ<script type="text/javascript" src="Hoge.js"></script>

jsファイルが別のjsファイルを利用する場合は、通常、以下のように記述する。

Hoge.jsがFoo.jsを利用する場合に、ＨＴＭＬに記述するタグ<script type="text/javascript" src="Foo.js"></script>
<script type="text/javascript" src="Hoge.js"></script>

これで問題はないのだが、どうせならjsファイル自身に、インクルードのためのコードを含めてしまいたい。だが、JavaScriptにそのような構文は用意されていない。そこでどうするかというと、以下のように、”別のjsファイルをインクルードするためのHTMLのタグ”を出力するコードをｊｓファイルに記述すればよい。

Hoge.jsがFoo.jsを利用する場合に、Hoge.jsに記述するコードdocument.write("<script type=\"text/javascript\" src=\"/WebSite1/Foo.js\"></script>");

この時、scriptタグのsrc属性に指定するパスを絶対パスにしておけば、Hoge.jsを利用するHTMLがHoge.jsと同じ階層のディレクトリにあろうが違う階層のディレクトリにあろうが関係なく、正常に動作する。

このHoge.jsを利用するHTMLでは、Hoge.jsのインクルードのみ行えばよい。