HTML共通部分を部品化してJSで読み込む

こんにちは！

ＰＨＰであれば、簡単に読み込めすが、今回はＨＴＭＬファイルということで、JavaScriptを使って読み込む方法です。

HTMLファイル側は、ID設定のみ

<div id="haader"></div>

<div id="footer"></div>

そこにJavaScriptで外部ファイルを読み込みます。

$(function(){
$("#header").load("header.html");
$("#footer").load("footer.html");
});

以上です！