这是我用来在我的网站上创建小部件的一些 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)。
一些模板选项:
- > underscore.js's builtin option
- > handlebars.js
- > jquery-tmpl (~已弃用)
关于javascript - 在 Javascript 对象属性中添加 HTML 的简洁方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13466069/