避免在JavaScript中构建HTML字符串的技巧？

Question

我经常遇到一种情况,我想要修改,甚至使用JavaScript将整个HTML块插入到页面中.通常它还涉及根据某些参数动态更改HTML的几个部分.

但是,它可能会造成混乱/不可读的代码,并且在我的JavaScript代码中使用这些HTML小片段似乎是不对的.

那么,有哪些技巧可以避免混合使用HTML和JavaScript？

Answer 1

我不确定它是否符合“技术”的资格，但我通常倾向于避免在 JavaScript 中构造 HTML 块，只需通过 AJAX 从后端加载相关块并使用 JavaScript 将它们换入和换出/放置他们按要求。（即：没有任何低级文本改组是在 JavaScript 中完成的 - 只是 DOM 操作。）

虽然您当然需要在后端架构的设计过程中考虑到这一点，但我忍不住认为这会导致更清晰的设置。