将组合的字符串分配给HTML中的href标记

时间:2018-10-25 14:00:31

标签: javascript html href

我在表中有一些行,我想通过使用HTML中的href标记将每一行设置为链接。我的链接的结构是这样的:

  

http://www.itsecdb.com/oval/oval-definition-details.php?ovaldefinitionid=oval%3Aorg.mitre.oval%3Adef%3A9278&s=1   

我想将“ org.mitre.oval”和“ 9278”部分设置为变量,以便可以根据每行的值来更改它们。像这样的东西:

 X and Y are variables
 <a href = "http://www.itsecdb.com/oval/oval-definition-details.php?ovaldefinitionid=oval%3A" + X +"%3Adef%3A" + Y + "&s=1" >row</a>

,但是href标记不支持这种串联。
知道如何将这些部分分开并将我的价值观放入其中吗?
预先感谢。

3 个答案:

答案 0 :(得分:2)

以下演示是针对多个链接的解决方案。

演示

$ErrorActionPreference
var xArray = ['2813224', '8472040'];
var yArray = ['zer00ne', 'afsane'];
var lnx = document.links;

for (let i = 0; i < lnx.length; i++) {
  var X = xArray[i];
  var Y = yArray[i];
  var base = `https://stackoverflow.com/users/${X}/${Y}?tab=profile`;
  lnx[i].href = base;
  lnx[i].textContent = Y;
}

答案 1 :(得分:1)

尝试在javascript中添加href:

var X=1;
var Y=2;
var a = document.getElementById('mylink'); 
a.href = "http://www.itsecdb.com/oval/oval-definition-details.php?ovaldefinitionid=oval%3A" + X +"%3Adef%3A" + Y + "&s=1";
 <a href = "" id="mylink" target="_blank">row</a>

答案 2 :(得分:0)

您可以使用模板文字``来实现,并使用$ {varaiable} template literal

代替

 <a href=`http://www.itsecdb.com/oval/oval-definition-details.php?ovaldefinitionid=oval%3A${X}%3Adef%3A${Y}&s=1` id="mylink">row</a>