使用JavaScript将URL参数附加到href

时间:2014-08-08 08:49:09

标签: javascript html

我试图使用一些JS将查询字符串参数附加到页面上的href:

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

HTML

<a href="#" id="thislink">TEST THIS LINK</a>

因此,URL中的任何参数都需要附加到链接,但是它的工作方式却是当前的URL,而不是我在&#34; var url&#34;中指定的URL。谢谢!

此处有实时链接:http://partnerweb.moneycorp.com/test-js-get-url.html?pc=tmgppc5

2 个答案:

答案 0 :(得分:1)

在测试页上,您是否检查过控制台?

Uncaught ReferenceError: value is not defined

如果您为value变量分配值,则发布的代码将正常工作。

答案 1 :(得分:0)

您需要为变量&#34; value&#34;分配一个值,它当前未定义

Uncaught ReferenceError: value is not defined

示例

window.addEventListener('load', function () {
  var value = "testValue";
  var url = "http://www.sitetest.com?source=" + encodeURIComponent(value);
  var element = document.getElementById('thislink');
  element.setAttribute("href",url);
});

您还希望将encodeURIComponent用于您在URL中传递的任何字符串值,以确保它对特殊字符进行编码