如何在javascript中动态添加链接文本到href？

Question

我有这个javascript代码。当它呈现时，它会在链接文本周围显示引号，而不仅仅是文本。正确连接链接文本的语法是什么？我的报价搞砸了，但我无法弄清楚。

var link = "<a id=\"myLink\" href=\"\" target=\"_blank\">\"" + text + "\"</a>";

Answer 1

看起来你有额外的报价。你不需要逃离+ text +周围的人。以下应该有效：

var link = "<a id=\"myLink\" href=\"\" target=\"_blank\">" + text + "</a>";

我更喜欢单引号：

var link = '<a id="myLink" href="" target="_blank">' + text + '</a>';

当使用+运算符连接变量和字符串时，您只需跟踪开始和结束引号。它会变得棘手！

类似的例子：

var str1 = "string";
var str2 = "This is how to concatenate a " + str1 + ".";
console.log(str2);

Answer 2

做这个

var link = "<a id=\"myLink\" href=\"\" target=\"_blank\">" + text + "</a>";

在'+ text +'之前不要逃避引用

Answer 3

检查此代码：

const text = 'My awesome link'
const link = "<a href='http://google.com' target='blank'>" + text + "</a>

console.log(link);