このJavaScript HTMLを正しくエスケープしていませんか？

Question

HTMLとして出力されたときにこのJavaScriptが正しく表示されないのはなぜですか？

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に編集すると、フォントファミリの引用符をエスケープします。