使用href setAttribute函数时，如何将js变量添加到url？

Question

我正在使用jquery来获取url（http://website.com?Name=Brian）中的变量并设置一个javascript变量：

var name = getQueryVariable('Name');

现在我正在尝试动态更新Unbounce（unbounce.com）中的href属性，如下所示：

  document.getElementById('lp-pom-button-181').setAttribute("href","http://google.com?fname=name");

这样我就可以传递变量了。

如何将“var name”添加到setAttribute href的网址“http://google.com?fname=”的末尾？

谢谢。

Answer 1

简单字符串连接，与encodeURIComponent结合使用：

document.getElementById('lp-pom-button-181').setAttribute("href","http://google.com?fname=" + encodeURIComponent(name));

您需要encodeURIComponent以确保正确转义查询字符串参数。例如，要确保&（查询字符串中的特殊字符）正确编码为%26。