javascript - HTMLリンクで Javascript 変数を使用する

Answer 1

または、リンクをインラインjsとして記述することもできます。

​<script>
document.write('<a href="http://www.xyz.com/Index1/Index2/' + random_generator + '/Index4">hello</a>');
</script>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Answer 2

あなたの問題を理解しているかどうかわかりません。ただし、リンクを href に動的に設定しようとしている場合は、次のように動作するはずです (jquery を使用していないと仮定します)。

<a href='http://www.xyz.com/Index1/Index2/Variable/Index4' id="index">Good Morning</a>
<script>
    var newUrl = document.getElementById('index').href;
    newUrl = newUrl.replace("Variable", random_generator);
    document.getElementById('index').href = newUrl;
</script>

Answer 3

私の知る限り、これは不可能です。次の2つのいずれかを実行できます。

1ドキュメントの読み込み時にHREF属性を変更します。JQueryを使用すると、次のようなことができます

$(function() {
 $('a').attr('href', 'www.xyz.com/Index1/Index2/' + random_generator + '/Index4');
});

2クリックイベントをキャッチし、JavaScriptでリダイレクトします。これは、ユーザーがページを更新せずにリンクを複数回クリックした場合でも、ランダムになることを意味します。

$(function() {
 $('a').on('click', function(e) {
   e.preventDefault();
   window.location = 'www.xyz.com/Index1/Index2/' + random_generator + '/Index4';
 });
});

jqueryを使用したくない場合は、プレーンなjavascriptを使用してこれを行うための例がオンラインにたくさんあると確信しています。

Answer 4

スクリプトの実行時にjQueryを使用してdom要素を更新できます

最初に、href に id を指定する必要があります

<a href="#" id="myHref"

その後

$('#myHref').attr('href', variable)

または、リンクテキストを変更できます var varText = "This is a link"; $('#myHref').text(varText);

Answer 5

これでうまくいくことは間違いない

   document.getElementById('myHref').href = variable;