我没有正确地逃避这个JavaScript HTML吗？

Question

为什么这个JavaScript在以HTML格式输出时无法正确呈现？

var innerHtml = 
"<div style='color:yellow;font: 14px//14px /'Lucida Grande/',sans-serif;'>";

我没有正确逃避某事吗？

Answer 1

/应为\

var innerHtml = 
"<div style=\"color:yellow;font: 14px/14px 'Lucida Grande',sans-serif;\">"

Answer 2

您不需要转义正斜杠（/），也不需要转义单引号（'）（因为引用双引号"） 。反斜杠是转义字符（\）

var innerHTML = '<div style="color:yellow; font: 14px/14px &quot;Lucida Grande&quot;, sans-serif;">';

应该有效。我使用单引号，因为我更喜欢让HTML输出使用双引号（不是在JavaScript中很重要，但它是一致性的东西）。

编辑为HTML转义字体系列引号。