javascript - 对象文字语法错误中的 JavaScript 字符串文字

Question

我正在尝试将一些 html 标记放在一个数组中以便稍后检索。我的编辑器在 description1 行抛出语法错误，我不知道为什么。任何帮助将非常感激。代码如下。谢谢

var modalcontent = {
  description1 : '<div id = "description"><div class = "tbc">  
  <label class = "tbc" for = "tbc">Description</label>
  </div>
  <div class = "tbc">
  <input type = "text" class = "tbc" name = "description" id = "tbc" placeholder =        "Enter description">
  </div>
</div>
<!--end description div-->'
} 

Answer 1

您有一个未闭合的字符串文字。JavaScript 字符串默认不是多行的。

var modalcontent = {
  description1 : '<div id = "description"><div class = "tbc"> '+
  '<label class = "tbc" for = "tbc">Description</label>'+
  '</div>'+
  '<div class = "tbc">'+
  '<input type = "text" class = "tbc" name = "description" id = "tbc" placeholder = "Enter description">'+
  '</div>'+
  '</div>'+
  '<!--end description div-->'
} 

（小提琴）

或者，您可以使用\字符创建多行字符串，这些仅适用于较新的实现。请参阅此相关问题或语言规范。

注意：将 HTML 存储在字符串中通常不是最好的主意，它会使调试和使用变得更加困难。您通常可以使用模板。并不是没有好的用例，只是很少见。