如何在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);