动态生成html和js，生成意外报价

Question

我有这段代码：

htmlStr+="<div class='list-group-item Specification' " +
"onClick=displayResults(" + key + ", '" + time + 
"', '" + fieldevents +     
"')>";

在Chrome调试器中，它会生成我想要的html，其中

onclick=displayResults(1, '14:03', 'shotput, highjump, longjump')>

但在元素选项卡中，我看到生成的html是

"onclick=displayResults(1," '14:03', 

...第一个逗号后的双引号来自哪里？我正在使用chrome btw

Answer 1

当属性值包含空格时，需要用引号括起来。否则，空格结束值。

htmlStr+="<div class='list-group-item Specification' " +
"onClick=\"displayResults(" + key + ", '" + time + 
"', '" + fieldevents +     
"')\">";

Answer 2

查看以下代码：

htmlStr += "<div class='list-group-item Specification' 
onClick='displayResults(" + key + ", '" + time + "', '" + fieldevents + "');'>";