轻松地将HTML传递到javascript

我需要将html传递给javascript，以便根据需要显示html。 我可以使用textareas来实现这一点，方法是在页面上有一个带有html内容的textarea标记，比如：

{除了其他textareas之外，我想要什么html}

然后使用jquery，我可以在页面上显示它：

$("#target").html($("#html").val());

---

我想知道的是如何正确操作，而不必使用文本区域或在页面的

中显示html？

只需将其保存在变量中：

<script type="text/javascript">
  var myHTML = '<div>Foo Bar</div>';
</script>

var myHTML='Foo Bar'；

您可以使用jquery模板。它有点复杂，但提供了许多其他的好功能

---

据我所知，由于html和javascript的特性，没有一种无痛的方法可以做到这一点

您可以将html作为字符串存储在javascript变量中，例如：

var string = '<div class="someClass">your text here</div>';

通过将

\

放在一个特殊字符之前，您告诉它应该忽略这个字符，但是当您将其打印出来时，该字符仍然会打印，但

\

字符不会打印，从而提供正常的html。

就像前面提到的，您可以使用jQuery模板，如果你把它和胡子结合起来，它会更酷！（支持很多平台）

另外，mustache jQuery插件比jQuery模板更高级

---

如果我是你，我会忘记添加和删除HTML，而改为显示和隐藏元素。这将更快，而且（毫无疑问）编程更简单。问题是，当javascript和css关闭时，我根本不希望它出现……和引号等。为此，您应该对HTML进行JSON编码。在PHP中，类似于

var myHTML=是的，将json编码的内容保存为变量被证明是最简单的处理方式。我们将其用于我们的内部应用程序。效果很好。谷歌10年来一直处于测试阶段：-）
<div \"someClass\">your text here</div>