変数を利用して読込先を動的に変えたい

質問

• 表示しているhtmlファイル名を取得して、動的に参照フォルダを変えるスクリプトを組んでいますが思うように動かず四苦八苦しております。
• 外部ファイル(album.js)として保存し[例]20140623_2htmlページ内で読み込みデバッグツールで確認するとalbum.jsを読み込んだ後に./topics/20140623_2/data.jsも読み込み、中身も正常に確認できましたが、album.jsの後に読み込まれているためか変数を利用できず？真っ白なページとなりました。
• 外部ファイルにするか直書きにするかで動作が変わるため何が原因か分からず困っています。

回答No.2

fujillin

質問の内容がよくわかってませんが・・・

ご提示の手順で読み込むことは可能ですが、通信環境（あるいはブラウザ）によって実行順が変わるようです。
例えば外部ファイルを
＜test.js＞
　alert("a");
として、

<script type="text/javascript">
document.write('<script type="text/javascript" src="test.js"><' + '/script>');
alert("b");
</script>
で、読み込むと、
　IE8・・・ b → a
　FX31・・・a → b
となります。
一旦ブラウザに制御を戻して、
<script type="text/javascript">
document.write('<script type="text/javascript" src="test.js"><', '/script>');
</script>
<script type="text/javascript">
alert("b");
</script>
とすれば、a → bとなるようです。

もっとも、ANo1様もおっしゃているようにdocument.writeを使用するのはあまり…という感じではありますが。

一方で、ご提示のようなことができたとしても、
　20140623.html
　20140624.html
　・・・・・・
のように、同じようなファイルが沢山できるのではないかと想像しますが、それって、わざわざ一般化して読み込むことにほとんど意味がないように感じます。（個別ファイルなのだから、個別で指定しても同じ）

HTMLは一つだけで、データファイルだけ更新（追加）すれば表示できるほうがまだましで、例えば
　hogehoge.html
に一本化して、ファイル名に当たる部分はクエリ部を利用して渡すようなことにすれば、一般化することの意味があると思いますけど。
データをどのように作成しているのか不明ですが、jsファイルにしなくともデータのみのファイルの方がわかりやすいのではないかと思います。他からも利用しやすいでしょうし。（csvとかjasonなど）
（読込がajax利用などになってしまいますが）

どうせなら、サーバサイドで処理してしまうのが一番簡単でもっともらしい方法かも。

お礼

回答ありがとうございます。
一度、スクリプトを閉じることで実行順を固定できるわけですね！

また、ご指摘その通りであります。ただ、サーバサイドはWEBサーバ環境が社内NASを利用した簡易な物
（最もコストが掛からない方法としてこうなりました）のため、プログラムを追加すれば可能ではあったはずですが、メインはNASとしてのファイルサーバなので負荷を上げるわけにもいかず、私のスキルも足りずで現段階では不可能な方法となります。
また、ご指摘通りhtmlファイルが複数出来ますが私のスキルの限界でhtmlのファイル名を決めるだけで中身に手を入れず、ファイル名と同じフォルダを用意し中に１～のpngファイルとdata.jsを放り込むだけでページ作成が可能になるように考えた結果であります(^-^;

理想は、data.jsに該当する物は一つで配列名を可変出来れば・・・もっとシンプルになるのですが(>_<)

ちなみに、メニューのスクロール機能のためにajax？は利用していますが活用方法なども分からず、基本的なプログラムが書ける程度のスキルです(^-^;