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

标签 javascript jquery html asp.net-mvc-3

这是我用来在我的网站上创建小部件的一些 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 请求吗?

你有什么建议?

最佳答案

老实说,鉴于您目前所拥有的一切,渲染 HTML 并将其放入单行中似乎是最简单的选择。

如果您想更认真地考虑通过 JavaScript 使 UI 动态化,您应该考虑使用 JavaScript 呈现模板,并简单地从后端 (ASP) 提供数据 (JSON)。

一些模板选项:

关于javascript - 在 Javascript 对象属性中添加 HTML 的简洁方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13466069/

相关文章:

html - 小型设备的响应式表格设计 - 表格 {"display:block"}

javascript - nodejs 一致性哈希库

javascript - ComboBox 中的零代替 NULL (ExtJS 4.2)

javascript - 如何在 $geoNear 之后填充子文档

javascript - 多个路径上的笔画破折号数组补间

javascript - 在 Firefox 扩展的 contentScriptFile 中创建新函数

html - 为什么css中的背景图片表示为url,而img中的图片只能是文件路径

javascript - 全宽响应图像重叠 Bootstrap 3

javascript - 如何在jquery中获取除输入类型="hidden"之外的td innerhtml值

jquery - $.ajax 调用 ColdFusion 组件输出文本而不是 HTML