在jQuery中有效克隆html：javascript模板与追加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。没有竞争效率。