javascript - 如何将 Javascript var 传递到 href 标签中？

Question

我使用了一个函数来捕获“name”的查询字符串值 - 即想象一个聚会邀请网站；

https://cometomyparty.com?name=phil

使用的函数是；

<script type="text/javascript">
  function getQuerystring(){
    var q=document.location.toString();
    q=q.split("?");
    q=q[1].split("&");
    var str=""
    for(i=0;i<q.length;i++){
      tmp=q[i].split("=")
      str+=" "+tmp[1]+"<br />"
    }
    document.getElementById("name").innerHTML=str
  }
  onload=function(){
    getQuerystring()
  }
</script>

然后我可以使用 id="name"来调用“name”的值，我想在我的页面上使用它，即在标题中，我可以说，Phil，期待您参加聚会.. .

如何在 html 链接位置动态附加我的“名称”值(var str)，即

<a href="http://example.com?name=str">Link Text</a>

在上面的例子中会返回；

http://example.com?name=phil

Answer 1

您可以访问href <a> 的属性直接标记或使用.setAttribute :

// Using .href:
document.getElementById("name").href=str;

// Using . setAttribute:
document.getElementById("name").setAttribute ("href", str);

<小时/>

请注意，您应该拥有 <br/>标签 src链接的。