在呈现新内容时，如何将html与javascript分离？

我不喜欢编写基于javascript的应用程序的一点是，必须在javascript中放入大量HTML代码来呈现新内容。有什么办法可以把它分开吗？我发现将它们组合在同一个javascript代码中会变得凌乱和臃肿。

可能我不理解这个问题，但您可以将javascript放在单独的文件中：

<script type="text/javascript" src="some.js"></script>

---

您应该检查一下，这可能会有所帮助，具体取决于您创建的内容。

您是否尝试过类似的客户端模板系统？

我经常使用隐藏的

div

和准备好的HTML，就像一个示例一样。然后在JS中，我只需要复制这个HTML片段并插入动态值。

---

我知道，这很方便，因为所有的示例都存储在HTML文件中，JS代码不需要对其结构了解太多。

为什么不使用AJAX检索新的内容服务器端？这就是我正在做的，但是你需要为它编写HTML，不是吗？或者你说的是发送HTML内容本身吗？你当然可以从AJAX请求发回HTML内容，然后把它插入你想要的地方。我知道这一点。问题是你有事情发生，你需要创造一个完整的。。。它包含大量html代码。这对于字符串连接来说很麻烦。+1我同意对于任何类型的JavaScript分离，无论是jQuery还是非jQuery，这都是一种简单而干净的方法。@egervari：您不需要连接字符串-您可以使用

document.createElement

之类的方法动态地在DOM中构建元素：我在进入分离JavaScript和HTML的思维方式，如果您认为字符串连接不够干净，首先需要摆脱这种思维方式。还有其他选择。jQuery和其他框架包含了在不连接字符串的情况下构建HTML文档的方法。我知道我可以创建这样的节点，但这也太夸张了。我正在认真讨论创建5-7个嵌套的html标记，其中包含许多子节点。不能预先将它们添加到文档中-它们需要通过javascript创建。使用任何基于XML节点的api都会变得臃肿。这看起来很有趣。我会调查的。这看起来也很有趣。。。我可以把html代码放在html文件中，这很有意义。谢谢你。我也将使用它，因为我也在使用jquery。

$('div.button').animate({left: 650, height: 38}, 'slow');