使用href setAttribute函数时如何在url中添加js变量？

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 的 url 'http://google.com?fname=' 的末尾？

谢谢。

Answer 1

简单的字符串拼接，结合encodeURIComponent:

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

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