我使用以下代码将 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] 是将参数添加到链接所需的任何代码段？
提前致谢。
最佳答案
你应该给你的链接一个id，像这样:
<a id="YOUR_ID" href="#" >
然后你有两种方法来解决这个问题，使用纯 Javascript 或使用 jQuery:
如果您使用 jquery，您可以使用您的 onLoad 函数并在内部注入(inject)以下内容:
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)
关于javascript - 使用 Javascript 将 URL 参数传递给 href 链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9508425/