在jQuery中有效地克隆html：javascript模板vs append html，哪种性能更好？

Question

什么是最好的/最佳的方式来改变一个灯箱的HTML？

假设我有20个表格行，我想在fancybox中弹出它们。这些选项是：

1. 负载的iframe中作为纯HTML（每弹出1个http请求）
2. 装入细节JSON详细视图中，并且将它们传递到一个内联的JavaScript模板来创建弹出
3. 加载详细信息并遍历弹出窗口的DOM并将JSON值放在正确的位置（例如$("#popup .title").text(model.title);）
4. 将详细信息加载为隐藏的内联服务器生成的HTML，并将html克隆到弹出框$("#popup").html($(".details", row).clone())中。

添加的HTML是在配置文件（链接，说明，徽标，地址等）中找到的，因此它不是一吨，而是一条线。

这里有没有什么标准在JavaScript上最快的是什么？

Answer 1

选项＃2。没有竞争效率的方式。