如何在链接href中使用javascript插入变量值？

Question

只想问如何在href中添加一个变量？ 例如，这是我的javascript：

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
    $(document).ready(function() { 
     function setLinkValue(value) { 
      var numItems = $('[id^=site-]').length; 

      for (i = 0; i < numItems; i++) { 
       var link = document.getElementsByClassName('site-link'); 
       link.href = link.href.replace('putNatsvarHere', value); 
      } 

     } 

     //You would pass netsvar here 
     setLinkValue('ExampleValue'); 

    }); 
</script> 

我想将它插入到我a标签中的href

<a href="http://websitelink.com/track/putNatsvarHere/pt?thumb_id=302&gn=pt&gi=01.jpg" id="site-link" class="title" target="_self">Exclusive February Sale!</a><br> 

    <a href="http://websitelink.com/track/putNatsvarHere/pt?thumb_id=302&gn=pt&gi=01.jpg" id="site-link" class="title-link" target="_self">Sale!</a> 
    <br> 
    <a href="http://websitelink.com/track/putNatsvarHere/pt?thumb_id=302&gn=pt&gi=01.jpg" id="site-link" class="title-link pink-play" target="_self"> February Sale!</a> 

Answer 1

只需更换同价值的地址段，而你不知道甚至不需要jQuery来做到这一点。请参阅下面的工作示例。

function setLinkValue(value) { 
 
    var link = document.getElementById('site-link'); 
 
    
 
    link.href = link.href.replace('putNatsvarHere', value); 
 
} 
 

 
//You would pass netsvar here 
 
setLinkValue('ExampleValue');

<a href="http://websitelink.com/track/putNatsvarHere/pt?thumb_id=302&gn=pt&gi=01.jpg" id="site-link" class="title-link pink-play" target="_self">Exclusive February Sale!</a>

你可以这样调用setLinkValue：

var natsvar = getCookie("nats"); 
setLinkValue(natsvar); 

要更新多个元素，你可以使用getElementsByClassName和遍历他们。

function setLinkValue(link, value) { 
 
    link.href = link.href.replace('putNatsvarHere', value); 
 
} 
 

 
var elements = document.getElementsByClassName('title-link'); 
 
var i = 0; 
 

 
for (i = 0; i < elements.length; i++) { 
 
    //You would pass netsvar here 
 
    setLinkValue(elements[i], 'ExampleValue'); 
 
}

<a href="http://websitelink.com/track/putNatsvarHere/pt?thumb_id=302&gn=pt&gi=01.jpg" class="title-link pink-play" target="_self">Exclusive February Sale!</a> 
 
<a href="http://example.com/putNatsvarHere/" class="title-link pink-play" target="_self">Another link</a>