jQueryでWEBサイトの共通部分をインクルードする方法(相対パスVer.もアリ) 2016/1/27 2016/2/24 JS/jQuery 数十ページ以上の中・大規模ページ制作の場合headerやfooterなどの共通部分はPHPやSSIでのインクルードで対応していると思いますが、サーバーの環境や、案件によってJSだけで対応する場合もあります。 そんな際に使うjQueryで共通部分のソースを読み込むサンプルソースを作成しました。 共通化する場合hrefはrootパス指定がメジャーですが、相対パスでも指定出来るソースも準備しています。 ディレクトリ構造は下記の様になっていてpartsディレクトリに共通化ファイルを入れています。 Rootパス バージョン まずはheader、footerを読み込んだ下記DEMOをご確認ください。 DEMO1 header.html <div class=