javascript - jquery 或 javascript 中的 html 模板

Question

这是一个非常短的示例，但我想知道是否有一种方法可以使用带有 html 标记的 xml 或 html 文件，而不是像下面那样将其包含在 javascript 中。

我知道有模板库，但我真的只想做一些简单的事情，不涉及除 jQuery 之外的任何库。

var description = this.name;

if description == 'full') {
    return "<div><textarea cols='50' rows='50'>" + this.value + "</textarea></div>";
} else {
    return "<div><textarea cols='50' rows='15'>" + this.value + "</textarea></div>";
};

谢谢

Answer 1

一般来说，如果没有模板引擎，您有以下三种选择:

a) 将模板作为脚本标记直接添加到标记中

<script type="text/template" data-template="stats">
   <div id="content">
      ...
   </div>
</script>

可以使用以下代码访问脚本标记内的 html 代码:

$("script[data-template=" + templateName + "]").html()

这种方法的一大好处是您不会发出另一个 http 请求。

b) 将模板放入外部文件中并通过ajax加载。

$.ajax({
    url: "test.html"
}).done(function(html) {
    ...
});

c) 做你已经做过的事情。