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

Question

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

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

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

是否有最佳做法？我可以看到几种方法：

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

Answer 1

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

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

这是JQuery模板插件中的一个示例，它将节省您的性能影响，而且非常非常简单：

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

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

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