HTML 動的リンク

HTML でリンクを書くと

<a href="test.html">テスト</a>

となる。

スクリプトでリンク先を動的に変更可能。

<a href="test.html" id="test_target">テスト</a>

<script>
var testTarget = document.getElementById('test_target');
testTarget.href = "test2.html";
</script>

これで

<a href="test2.html" id="test_target">テスト</a>

こう解釈される。

例えば，最新のログ表示とかでリンク先を変更する。

<SCRIPT LANGUAGE="JavaScript">
<!--
function changeURL(){
    var dtNow = new Date();
    var yyyy = dtNow.getFullYear();
    var mm = dtNow.getMonth() + 1;
    var dd = dtNow.getDate();
    
    mm = ('0' + m).slice(-2);
    dd = ('0' + d).slice(-2);

    var linkTarget = document.getElementById('NEW_LINK');
    linkTarget.href = "./" + yyyy + mm + dd + ".html";
}
//-->
</SCRIPT>

<BODY onload="changeURL()">
<A HREF="./dummy.html" id="NEW_LINK">当日分表示</A>
</BODY>

これで，「当日分表示」のリンク先は，当日が 2014/12/05 であれば "20141205.html" とかになる。

a タグにつける id は一意である必要がある。

参照