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

Question

我在 table 中有一些行我想通过在 HTML 中使用 href 标签将每一行设置为 link。我的 link 的结构是这样的：

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 标签不支持这种连接。
知道如何分离这些部分并将我的值放入其中吗？
提前致谢。

Answer 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>

Answer 2

下面的demo是多链接的解决方案

演示

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://whosebug.com/users/${X}/${Y}?tab=profile`;
  lnx[i].href = base;
  lnx[i].textContent = Y;
}

<a href=''></a><br>
<a href=''></a>

Answer 3

您可以使用模板文字 `` 并使用 ${variable}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>

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

Assign a combined string to href tag in HTML

html

javascript

href

演示