外部のHTMLファイルをページ内に表示する sprinkle.js

どんなことに使えるか想像ができませんが、便利そうなのでメモ。

ページ内に別ページのHTMLを表示する場合、iflame、object、SSIなどでを使いますが、sprinkle.jsを利用すればiflame、object、SSIを使うことなく別ページのHTMLを読み込みしができるようです。

使い方

1. sprinkle.jsをダウンロードし適当なディレクトリにアップロード
2. 使用するページでsprinkle.jsを読み込む

   <script type="text/javascript" src="http://yourdomain/sprinkle.js"></script>

3. 以下のように読み込みたいファイルを指定

   <div src="読み込みたいファイル"></div>  

おぉ、簡単。

まだ実験していなけど...。

UTF-8以外のHTMLを読み込むと文字化けするみたいです。

サイト外のHTMLは読み込みができないみたいです。

参考ページ