Question

我有href以下的href，我希望将参数'abc'传递给几个url，其值基于javascript计算。以下是示例：

<a href="www.google.com?abc=123">one</a>
<a href="www.yahoo.com?abc=123">two</a>
<a href="www.youtube.com">three</a>

所以我想为那些参数为'abc'的href添加值，并且值将在javascript中计算。有没有办法可以添加到href链接或者我们是否需要使用jquery来构建url？

Answer 1

您可以使用setAttribute＆amp; getAttribute将查询参数附加到现有href

document.querySelectorAll('a').forEach(function(item) {
  var getHref = item.href;
  var newHref = getHref + "?abc";
  item.setAttribute('href', newHref)

})

<a href="www.google.com" id="one">one</a>
<a href="www.yahoo.com" id="two">two</a>
<a href="www.youtube.com" id="three">three</a>

Answer 2

尝试以下脚本可以帮助您：

var number = 100; //Assume this coming from javascript calculation

document.querySelectorAll('a').forEach(function(item) {
   if(item.href.indexOf("?abc") > -1){
      item.setAttribute('href', item.href + number)
   }
})

你的标记只有＆＃39; abc＆＃39;

<a href="www.google.com?abc=">one</a>
<a href="www.yahoo.com?abc=">two</a>
<a href="www.youtube.com">three</a>

动态变量为href

2 个答案: