使用Javascript將URL參數傳遞給href鏈接

Question

我有以下代碼用於將URL參數傳遞給表單標記：

<script type="text/javascript">
  function getQueryVariable(variable) { 
 var query = window.location.search.substring(1); 
 var vars = query.split("&"); 
 for (var i=0;i<vars.length;i++) { 
 var pair = vars[i].split("="); 
 if (pair[0] == variable) { 
   return pair[1]; 
    }
  }
}
 function onLoad() {
var value = getQueryVariable("ID");
var e = document.getElementById('your-field');
e.value = value;
}
</script>

和...

<body onload="onLoad()">
 <!-- your form and hidden field goes here -->
 <input type="hidden" name="your-field" id="your-field" />

如何將相同的值傳遞給HTML鏈接，以便最終結果為：

<a href="http://www.mysite.com?source=[ID]" >

其中[ID]是將參數添加到鏈接所需的任何代碼段？

提前致謝。

Answer 1

你應該給你一個id鏈接，如下所示：

<a id="YOUR_ID" href="#" >

然后你有兩種方法來解決問題，使用純Javascript或使用jQuery：

如果您使用jquery，您可以使用onLoad函數並在內部注入以下內容：

var url = "http://www.mysite.com?source=" + value;
$("#YOUR_ID").attr("href",url)

或使用純javascript：

var url = "http://www.mysite.com?source=" + value;
var element = document.getElementById('YOUR_ID');
element.setAttribute("href",url)

Answer 2

將函數onload更改為：

function onLoad() {
   var value = getQueryVariable("ID");
   var e = document.getElementById('your-field');
   e.value = value;

   var url = "http://www.mysite.com?source=" + value;
   var element = document.getElementById('YOUR_<A>_ELEMENT_ID');
   element.setAttribute("href",url)
}

我正在使用Joao Almeida建議的那段代碼，所以他使用jQuery的例子也很好用。

祝好運！

使用Javascript將URL參數傳遞給href鏈接

問題描述

2 個解決方案

解決方案1
7 2012-02-29 23:48:17

解決方案2
1 2012-03-01 00:12:56

使用Javascript將URL參數傳遞給href鏈接

問題描述

2 個解決方案

解決方案1 7 2012-02-29 23:48:17

解決方案2 1 2012-03-01 00:12:56

解決方案1
7 2012-02-29 23:48:17

解決方案2
1 2012-03-01 00:12:56