iframeやSSIを使わずに外部htmlを読み込む方法

2015年06月22日

htmlファイルから、外部のhtmlファイルをiframeで読み込むということはよく取られる方法です。

しかし、iframeを使いたくないという場合もあると思います。

その場合、サーバでSSI(Server Side Include)が使える場合はSSIを使うのもありです。

しかし、サーバによってはSSIが使えない場合もあるかと思います。

そんな場合でも読み込む方法を探していて、見つけました。

以下のサイトが参考になりました。

静的HTMLで、インクルードを実現するためのJavaScript – on the center line.

htmlファイルを読み込む「include」というJavascriptの関数を定義して、使用するという方法です。

Javascriptが動作するブラウザや環境であればこの方法でも動作します。

iframeを使いたくないという場合に便利かと思います。