htmlコマンド<a href=" "></a>で動的変数を使用する方法は、変数ごとに変更する必要がありますか？

Question

グローバル変数（var cape_name;）を含む.htmlファイルがあります。値は次のとおりです。 1.cape_name = TIDA-550。 2.cape_name = TIDA-560。

ここでは、（TIDA-550.jsとTIDA-550.html）と（TIDA-560.jsとTIDA-560.html）の両方の値に対応する2つのファイルがあります。対応する.htmlファイルが読み込まれるのを待っています。

別のmain.htmlファイルとmain.jsファイルがあります。 main.htmlでは、cape_nameの値（cape_name.html）に応じてTIDA-550.htmlまたはTIDA-560.htmlをロードするリンクを作成したいと考えています。

例：以下の行では、値に応じて 'cape_name'を動的に使用して、対応するhtmlファイルをロードします。

<a href="http://137.167.189.23:8085/var/lib/cloud9/cape_name.html" target="blank">Load Cape on 0x54</a> 

どのようにしたらいいですか？ おかげ

Answer 1

あなたは次のようにリンクにIDを追加することができます。

<a id="link" target="blank">Load Cape on 0x54</a> 

と動的HREFを追加します。

$('#link').attr('href', 'http://137.167.189.23:8085/var/lib/cloud9/' + cape_name + '.html'); 

あなたはDOMの準備ができているときに、それが実行されます$(function() { });でそれをラップする必要があるかもしれません。

Answer 2

正確なコードを知らないと、リンクのhref属性を上書きする関数を作成することをお勧めします。そのようなもの：

<a href="#" id="theLink" target="_blank">Load Cape on 0x54</a> 
<script> 
function updateLink(cape){ 
    document.getElementById("theLink").href = "http://137.167.189.23:8085/var/lib/cloud9/" + cape + ".html"; 
} 
updateLink(cape_name); 
</script>