javascript - 除了使用多行变量之外，还有其他方法可以存储 HTML 代码块吗？

Question

因为我认为在 var 中使用多行字符串不是很方便。还有哪些其他方法可以处理这个问题？我不希望我的代码是这样的:

var str = "<p>\'Hello World\'</p>"+"<a href=\'www.blah.com\'>click me</a>";

等等...

我需要这个，因为我希望在 JavaScript 事件之后加载 HTML。我不想对引号使用转义字符，因为它会使代码有点难以阅读，特别是当您想要对其进行更改时。

更新:

我不希望代码在页面加载的同时加载。将其设置为 display: none; 然后 display: block; 会减慢速度。

Answer 1

我的第一直觉是隐藏元素，但我看到了关于不想加载 html 的评论。
我的下一个想法是尝试 XML <!CDATA[...]]>阻止隐藏元素，但测试表明这在 HTML 中不起作用。

这有一种令人难以置信的黑客感觉，但它可以工作(至少在我非常有限的测试中是这样)。

<script id="str">/*
    <p>'Hello World'</p>
    <a href='www.blah.com'>click me</a>
 */</script>

使用jquery提取html并去掉注释。

  var str = $("#str").html();
  str = str.slice(2, str.length-3).trim();