非公開：外部JavaScriptファイルの選択読み込み

[PR]

外部JavaScriptファイルの選択読み込み

　HTMLを読み込むたびに異なるJavaSciptファイルを読み込ませる方法を考えてみた。Cookieに読み込みファイルを指定してリロード、みたいな使い方を想定。で、作ったスクリプトが以下。（一部。HTMLファイルのヘッダ部分）

　ページを読み込む度に３つの外部JavaScriptファイルのどれかをランダムで読み込む、というばかばかしくも微笑ましいスクリプトなんだけど（いや、これ自体すでに反則くさいのだけれど。JavaScriptからscriptタグを書くちうのは実際のところ、どうなん？）、Firefoxでなんだかヘンテコリンな挙動（IEとOperaでは意図通りに動いた。こういうときにひとりだけおかしな動きをして私を困惑させるのは大抵IEなんだけどねぇ、ははは）。あれこれ手を尽くしてやっとこさ解決。解決版スクリプトは以下。

　要するにFirefoxでは、スクリプト中文字列リテラル内のスクリプト閉じタグをHTMLが食っちゃった、ということでした。Forefoxから「ページのソースを表示」すればブラウザが食うタグは色分けされるのですぐわかることだったんだが、なかなかそこにたどり着けずけっこうてこずりました。
　これはファイル選択スクリプトを外部ファイルにすれば初めから起こらない問題。とはいえ、いずれは足をとられるであろう問題ではあったので早めに遭遇できて良かった、ともいえるわけで。

　この処理にCookieを組み合わせることで複数のスクリプトファイルのうち必要なものを選択して読み込ませようと目論んでいるのだが、この処理を使ってページを作るとブラウザの「戻る」ボタンとの相性がものすごく悪くなるんよね。
　この処理に限らず、クライアント側のスクリプトでHTMLを動的に動かす処理は全般的にブラウザの「戻る」とリロード機能とは相性が悪いものなんだけど、さて、どうしたもんか。