曜日ごとにリンク先の表示を変える方法

質問

お世話になります。

JavaScriptで曜日ごとに表示を変える方法を探しております。

ボタンがあるとしてそこにリンクをはり

曜日ごとにhtmlのページを用意して

日曜：sun.html　月曜：mon.html・・・など7つ用意します。

それぞれ自動的にリンク先を曜日ごと変える方法を探しております。

宜しくお願いします。

回答No.1

4017B · ベストアンサー

基本的には以下の様な感じでOKなはず。

━ ココから ━━━━━━━━━━━━━━━━━━━━━━━━
<div>今日は<a href="./test.html" id="my-button">？曜日</a>です。<div>

<script type="text/javascript" defer="defer">
/*<![CDATA[*/
var my_date = new Date(); //現在の日付を取得
var my_weekday_dat = my_date.getDay(); //取得された日付データから曜日を取得
var my_weekday_str = "X曜日";

if ( my_weekday_dat == 0 ){
my_weekday_dat = "sun"; my_weekday_str = "日曜日";
}
if ( my_weekday_dat == 1 ){
my_weekday_dat = "mon"; my_weekday_str = "月曜日";
}
else if ( my_weekday_dat == 2 ){
my_weekday_dat = "tue"; my_weekday_str = "火曜日";
}
else if ( my_weekday_dat == 3 ){
my_weekday_dat = "wen"; my_weekday_str = "水曜日";
}
else if ( my_weekday_dat == 4 ){
my_weekday_dat = "thu"; my_weekday_str = "木曜日";
}
else if ( my_weekday_dat == 5 ){
my_weekday_dat = "fri"; my_weekday_str = "金曜日";
}
else if ( my_weekday_dat == 6 ){
my_weekday_dat = "sat"; my_weekday_str = "土曜日";
}
else {
alert("データが異常です.");
}

if ( document.getElementById("my-button") ) {
my_button = document.getElementById("my-button");
my_button.href = "./"+ my_weekday_dat +".html";
my_button.innerHTML = my_weekday_str;
}
else {
alert("データが異常です.");
}
/*]]>*/
</script>
━ ココまで ━━━━━━━━━━━━━━━━━━━━━━━━

P.S.
Javascriptで日付を操作するには var foo = new Date(); の形で現在の日付を取得し、それを必要に応じて加工して使うと言う形が基本になります。この場合、注意点としては「曜日のデータは "0～6" の数字で返される」と言う点です。例文では文字列に変換してますが、最初からファイル名を「0.html」などとして置けばそのまま代入してもOKです。

お礼

回答ありがとうございます。WEBは初心者のようなものなので、詳しい方からの回答非常に助かります。