HTML内で変数を使いたい場合・・・

質問

HTMLで“変数”のように使いたい場合、どのようにやるほうがスマートでしょうか？
あるフォルダに入っているファイルへリンクを貼りたいと考えています。

<a href="folder/aaa.docx" id="btn">ダウンロードできるよ！</a>
<a href="folder/bbb.docx" id="btn">ダウンロードできるよ！</a>
<a href="folder/ccc.docx" id="btn">ダウンロードできるよ！</a>
<a href="folder/ddd.docx" id="btn">ダウンロードできるよ！</a>
<a href="folder/eee.docx" id="btn">ダウンロードできるよ！</a>
・
・
・
・
・
このようにいっぱいリンクしてあるのですが定期的に“ファイル名は変えないけど違うフォルダ名に入れ替える”ことがあります。
そのたびにリンク先フォルダ名を変えるのは面倒だと考えています。
（置換もありですが・・・できれば置換せず１箇所を変えるだけでリンク先を変更できるようにしておきたい）

詳しい方教えていただけませんでしょうか？

回答No.3

think49 · ベストアンサー

私なら <a href="./download.php?file=aaa.docx"> のようにして、PHP言語側で該当ファイルのURLにリダイレクトさせるか、該当ファイルをバイナリ出力させます。
あるいは .htaccess でHTTPリダイレクトさせるか。

何らかのプログラミング言語を介在させる必要がある場合、それをサーバサイドで処理するのか、クライアントサイドで処理するのかをまず考えます。
クライアントサイドで処理させる場合はその処理が必要不可欠ではなく、なくてもサイトの機能利用に支障がない場合です。
今回の場合はダウンロードできなければ困る事態になるわけですからサーバサイドで処理させるべきだと思います。

なのでHTMLで変数を利用するという考えは捨ててください。
HTMLはマークアップ言語ですから変数は使えません。
サーバサイド言語で変数処理して適切なHTMLを出力することをお勧めします。。

# あと、細かいことですが、id属性値は同一の名前を複数命名することができません。
# サンプル故に見落とした可能性も考えましたが、一応指摘しておきます。
# むしろ、サンプルだからこそ入念にチェックした方がいいです、多分。

お礼

ありがとうございました。
IDは使えないことを知りませんでした。
助かります

回答No.2

b0a0a

表示させたい場所に
<script>
files=["aaa","bbb","ccc","ddd","eee"]
folder="folder"

files.forEach(function(c){
document.write('<a href="'+folder+'/'+c+'.docx" id="btn">ダウンロードできるよ！</a><br>')
});
</script>

お礼

サンプルスクリプトを提示して頂きありがとうございました。

回答No.1

fumikun2

javascriptでやるのが一番スマートじゃないでしょうか。
jqueryの使い方を覚えれば、簡単に出来ますよ

お礼

ありがとうございました。