JavaScriptの引数について教えて下さい

質問

以下のページのように画像タブ切り替えをやりたいと考えています。

http://purazumakoi.info/sample/html/tabchange/index.html

上記ページの「内部遷移１」「内部遷移２」「内部遷移３」の
いずれかをクリックするとリンク先URLに ?page=1等の引数が
付与されると思うのですが、これをリンク元のURLで設定せず、
リンク先ページのHTML内に引数を設定して初期表示するタブを
任意に切り替えたいのですが書き方がわかりません。

初歩的な質問で恐縮ですが、どなたか教えていただけませんか？
よろしくお願いします。

回答No.1

fujillin · ベストアンサー

＞リンク先ページのHTML内に引数を設定して
ということは、同じurlから違う引数を持つHTMLが出力されるということなので、サーバー側でそのような処理ができることが前提になりますが…
通常にformのようにpostで引数を送信して、サーバー側でその引数をHTML内に記して返せばよいことになります。

ということで、サーバ側でcgiなどの何らかのプログラムを用意しておくことが必要になります。

javascriptの書き方としては、
（javascriptは、HTMLが受信されてからクライアント側で動作します。）
ご提示の参考サイトのコードが、「location.search（=?Page=○の部分）」を参照して、表示するタブを決めているのに対して、HTML内の書き込まれた部分を参照するように変えればよいだけ。
サーバ側で、直接スクリプト内に　「var value = ○;」（←○のところが変わる）のように書き込んでしまえば、元のスクリプトのsearch部を解析している部分が不要になります。

同じドメイン内ならば、サーバのプログラムを介さず、クッキーを利用する方法も考えられますが、ユーザがクッキーを拒否していたりするとうまく動作しません。

お礼

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