javascript - 如何在 JavaScript 字符串中注入(inject)变量

Question

我有以下代码

var replyName = "1";

var test = "<div id=replyName></div>"

我想将类名设置为变量replyName，我该怎么办？

Answer 1

你确实有三个选择。

1. 使用相反的引号样式(在本例中为单引号)来包围属性声明。

   var test = "<div id='"+replyName+"' class='"+replyName+"'></div>";
   

2. 使用转义引号。

   var test = "<div id=\""+replyName+"\" class=\""+replyName+"\"></div>";
   

3. 不使用引号(请注意，例如，如果有空格，这可能会导致问题，尽管 ID 无论如何都不应该有空格)。但是，多个类会有空格，所以要小心，因为在下面的情况下，这些空格将被解释​​为不同的属性。

   var test = "<div id="+replyName+" class="+replyName+"></div>"
   

我会使用 1 或 2，尽管 3 在正确的条件下是有效的。

此外，正如 Mikola 在下面的评论中提到的那样，如果将字符串引号样式翻转为单引号，则必须为属性使用相反的引号样式 la 1，并像我一样转义双引号2.

http://jsfiddle.net/XyVuN/1/