在HTML <a>鏈接中使用Javascript變量

Question

我的代碼是這樣的 -

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>


    <script type='text/javascript'>

    var random_generator;
    document.write('Random Selection: ');
    var arr=['One','Two','Three','Four','Five','Six','Seven','Eight','Nine','Ten'];
    var randomnumber=Math.floor(Math.random()*10);
    random_generator=arr[randomnumber];
    document.write(random_generator+ '<br>');


    </script>

<style type="text/css">

</style>
<a href='www.xyz.com/Index1/Index2/Variable/Index4'>Good Morning</a>
</head>
<body> 
</body>  
</html>

在tag中代替Variable，我想使用random_generator Javascript變量。 我怎么做？ 提前致謝。

注意：random_generator不會替換整個鏈接。 只有部分鏈接（/ Variable /）。 根據此值，將向用戶顯示不同的頁面。

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); 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做到這一點。

在HTML <a>鏈接中使用Javascript變量

問題描述

5 個解決方案

解決方案1
5 已采納 2012-10-22 20:26:28

解決方案2
1 2012-10-22 20:19:52

解決方案3
0 2012-10-22 20:08:48

解決方案4
0 2012-10-22 20:12:04

解決方案5
0 2012-10-22 20:14:37

在HTML <a>鏈接中使用Javascript變量

問題描述

5 個解決方案

解決方案1 5 已采納 2012-10-22 20:26:28

解決方案2 1 2012-10-22 20:19:52

解決方案3 0 2012-10-22 20:08:48

解決方案4 0 2012-10-22 20:12:04

解決方案5 0 2012-10-22 20:14:37

解決方案1
5 已采納 2012-10-22 20:26:28

解決方案2
1 2012-10-22 20:19:52

解決方案3
0 2012-10-22 20:08:48

解決方案4
0 2012-10-22 20:12:04

解決方案5
0 2012-10-22 20:14:37