Question

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

使用的功能是;

<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链接放置中动态附加我的'name'值（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标记。

Answer 2

试试这个：

<a href="#" onclick='goToPage(event)'>Link Text</a>

<script>

function goToPage(event) {
    event.preventDefault();
    window.location='http://example.com?name='+str;
}

</script>

理想情况下，您可以使用jquery：

$('#link').click(function(event) {
    event.preventDefault();
    var link = $(this).attr('src');
    window.location=link+str
});

你当然希望删除＆＃34; str＆＃34;来自href

如何将Javascript var传递给href标签？

2 个答案: