在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。沒有競爭效率的方式。