是否有使用 javascript 生成 html 的最佳实践

我正在调用一个 Web 服务，该服务返回 JSON 格式的对象数组。我想获取这些对象并用 HTML 填充 div。假设每个对象都包含一个 url 和一个名称。

如果我想为每个对象生成以下 HTML：

<div><img src="the url" />the name</div>

这有最佳实践吗？我可以看到几种方法：

1. 连接字符串
2. 创建元素
3. 使用模板插件
4. 在服务器上生成 html，然后通过 JSON 提供服务。

选项 #1 和 #2 将是您最直接的选项，但是，对于这两个选项，您将通过构建字符串或创建 DOM 对象来感受到性能和维护的影响。

模板化并不是那么不成熟，您会看到它出现在大多数主要的 Javascript 框架中。

这是一个例子JQuery 模板插件 http://api.jquery.com/jQuery.template/这将为您节省性能损失，并且非常非常简单：

var t = $.template('<div><img src="${url}" />${name}</div>');

$(selector).append( t , {
     url: jsonObj.url,
     name: jsonObj.name
});

我说走很酷的路线（并且性能更好，更易于维护），并使用模板。