現在htmlで他のファイルを読み込むという事は出来ないのでしょうか？

Question

お世話になっております。

基本的な事を伺って失礼します。

件名の通りなのですが
とあるaspのWebサービスを移植しているのですが

<!-- #include file ="../common-list/makelist.asp" -->

とソースに書いてある所に
貼り付けて移植しているのですが
メンテナンス性が薄いので
htmlで他のファイルを読む方法は現在の所ないのでしょうか？

aspやらphpやら使えば出来るのは重々承知なのですが
javascriptなどでも良いのであるとメンテナンス性があがるため
上記お問い合わせいたします。

Answer 1

回答者の皆さん、ときどきでいいので、Web Components のことも思い出してあげてください……

HTML Imports: ウェブのための #include - HTML5 Rocks
HTML で利用可能になった Template タグ: クライアントサイドのテンプレートの標準化 - HTML5 Rocks
Web ComponentsはじめるならPolymerで - apps-gcp

Answer 2

他の方のコメントでも行けそうですが、ご質問の記述方式を継承するのであればサーバー側でSSIを有効にすればほぼそのまま移植出来るのではないでしょうか。
（読み込み先の.aspを.html等に変える必要はありそうですが）
ファイル読みこみ（#include）

Answer 3

多少強引ですが、こんなふうにしてヒアドキュメント風に処理することもできます

<div>test1</div>
<script src="test.js"></script>
<div>test3</div>

document.write((function() {
/*
<div>test2</div>
<a href="test.html">test.htm</a>
*/
}).toString().replace(/\r|\n/g,'__rn__').match(/\/\*(.+)\*\//)[1].replace(/__rn__/g,"\n"));

test.jsを用意して、/* */の間にhtmlのソースを書いておく
元HTMLの挿入したい箇所にscriptタグで読み込む

Comments

[moitaro]

ありがとうございます。

こちらの方法が一番簡単に実装出来ましたので
こちらで対応しようかと思います。

他の皆様もコメントありがとうございました。

Answer 4

こんな感じでしょうか。
但し、Webサーバへのアクセスはその分増えます。

jQueryのAjaxを使って外部HTMLの一部を抜き出し挿入する