javascriptでクライアントサイドインクルード

サイトの運営において、サーバーサイドインクルード（SSI）やphpでのインクルードは必要不可欠。僕もグローバルメニューやフッターなどのパーツをphpでインクルードしています。

「sprinkle.js」はクライアントサイドインクルード（CSI）。Ajaxを利用してファイルを読み込むといった方法です。SSIやphpが利用できないサーバーなどでは活躍しそうです。hedaでライブラリを読み込む必要もないので、手軽に利用できるのはいいかも。

MovableTypeはデフォルトの書き出しがUTF-8N（No BOM）なので、Safariなどでは文字化けします。

<script src="sprinkle.js"></script>
<div src="info.html"></div>

実行結果