javascript引号问题

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在下面的评论中提到的，如果你将字符串引用样式翻转为单引号，你将不得不使用相反的引用样式为你的属性a la 1，并转义单引号，就像我做双引号在2。

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

Answer 2

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