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

您可以在脚本执行时使用 jQuery 更新 dom 元素

首先你必须给你的href一个id

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

进而

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

或者您可以更改链接文本 var varText = "This is a link"; $('#myHref').text(varText);

Answer 4

很确定这会起作用

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

Answer 5

据我所知，这是不可能的。你可以做以下两件事之一：

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 执行此操作。