JavaScript HERE-doc 或其他大引用机制？

Question

是否有一种方便的方法来引用 JavaScript 中同时包含单引号和双引号的一大段 HTML？

有没有类似 HERE-doc <<EOF 的东西，多引号字符 """ ，或自定义分隔符 q{} ？

对于这个问题有什么创造性或创造性的解决方案吗？

Answer 1

有些人不喜欢这样，所以要做好被蔑视和 mock 的准备，但一个技巧就是把你的“大块东西”扔进 <script language="text"> 中。 block :

<script id='blockOfStuff' language="text">
  Hi this is random stuff
  <h1>Including HTML markup</h1>
  And quotes too, or as one man said, "These are quotes, but
  'these' are quotes too."
</script>

John Resig 使用了这种技术(或者是令人厌恶的技术，如果你愿意的话)作为他的模板机制的示例。

您可以根据需要使用“innerText”或“innerHTML”或通过​​您喜欢的框架的服务来获取内容。

编辑 - 请注意，通过 jQuery (与我在下面的评论中所说的相反).text()确实不起作用，尽管我认为它应该起作用。使用.html()相反。