hrefタグにJavascript varを渡すには？

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」の値を呼び出すことができ、私はであなたを持つことを楽しみにして、フィルを言うことができますパーティー...私は動的にHTMLリンクの配置の中に私の「name」の値（VAR strを）追加することができますどのように

すなわち

上記の例では、戻ってくる

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

。

http://example.com?name=phil 

Answer 1

この試してみてください：あなたはもちろんのhref

から "STR" を削除したい

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

：

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

<script> 

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

</script> 

理想的にはあなたが使用できる場所にjQueryを使用したいと思うが

Answer 2

<a>タグのhref属性に直接アクセスできます。 .setAttributeを使用して、R：

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

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

---

あなたは、リンクのsrcにその<br/>タグを持つべきであることに注意してください。