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

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

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

使い方

  • sprinkle.jsをダウンロードし適当なディレクトリにアップロード
  • 使用するページでsprinkle.jsを読み込む
<script type="text/javascript" src="http://yourdomain/sprinkle.js"></script>
  • 以下のように読み込みたいファイルを指定
<div src="読み込みたいファイル"></div>

おぉ、簡単。

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

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

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

参考ページ

Hugo で構築されています。
テーマ Stack は Jimmy によって設計されています。