在Javascript对象属性中添加HTML的简洁方法

Question

这是我用来在我的网站上创建小部件的一些Javascript：

var boxText = document.createElement("div");
boxText.class = "infobox-custom";
boxText.style.cssText = "margin-top: -215px; margin-left: -500px; border-radius: 10px; background-color:#438BC0; padding: 5px; height: 400px; width: 600px;";

// Notice this:
boxText.innerHTML = '<p>Some text.</p>';

非常简单。我需要将.innerHTML设置为更复杂的东西，然后在Javascript中将它发展成一行并不合适。它闻起来 - 至少对我而言。

我有什么选择？

我可以使用PartialView并将其从我的Controller返回到jQuery POST请求吗？

你推荐什么？

Answer 1

老实说，看起来渲染HTML并将其渲染到单行中似乎是最简单的选择，因为到目前为止你已经得到了。

如果您想通过JavaScript更加认真地了解UI动态，您应该考虑使用JavaScript来呈现模板，并简单地从后端（ASP）提供数据（JSON）。

一些模板选项：

• underscore.js's builtin option
• handlebars.js
• jquery-tmpl（〜已弃用）

Answer 2

为了使用jQuery创建和使用模板，您必须使用插件。这是以前从jQuery团队开发的那个，但似乎不再是：Templates。

  

注意：jQuery团队已经决定不将此插件用于测试版。   它不再被积极开发或维护。文档   暂时留在这里（供参考）直到合适   替换模板插件准备就绪。