JavaScriptで他のファイルのhtmlソースを読み込むには？

質問

JavaScriptを使い、他のファイルに記述されたhtmlソースを読み込んでページを表示させたいです。
どのように記述したらいいでしょうか？
具体的に書いて頂けると大変助かります。

(目的)
20～30ページに表示するコンテンツ(写真や文字)が頻繁に変更されるため、変更部分だけをPCのバッチ処理でファイルとして作成し、利用者がページ参照する時に、JavaScriptでそのファイルを取り込み表示させたい。

回答No.1

x_jouet_x · ベストアンサー

一番簡単な方法はprototype.jsやjQueryなどのAjaxライブラリを使用することでしょう。
以下にprototype.js(http://www.prototypejs.org/)を使用して別のHTMLソースを読み込んで表示する手順を示しておきます。

1) まず読み込まれる側のHTMLファイルを準備します(ここではload.html)とします。

2) 次に読み込む側のHTMLの、読み込んだファイルの内容を表示されたい箇所に<div id="container"></div>と記述しておきます。
※) ID属性値は任意のもので結構です。

3) 読み込み側のHTMLのJavaScriptに以下のように記述します。
<script type="text/javascript" src="[prototype.jsファイルを指定]"></script>
<script type="text/javascript">
<!--
window.onload = function() {
new Ajax.Updater($("container"), "load.html");
};
//-->
</script>

以上でページ表示時に<div id="container"></div>部分にload.htmlに記述された内容が表示されます。

お礼

ご回答、誠に有難うございます。
コードも書いて頂き大変助かります。
是非参考にさせて頂きます。　有難うございました。