通过javascript加载大表的最优化方法

基本上，我希望通过javascript最有效地加载1000行x100列的表。使用DomDocumentFragment来实现这一点。它在chrome和FireFox中运行速度足够快，但在IE中运行缓慢。有人能找出IE速度慢的原因吗？还有更好的解决方案吗？解决方案可以使用jquery。

innerHTML可以比DOM操作更快。而replaceHTML可以比innerHTML更快

---

更新：正如评论中所指出的，这实际上取决于您正在查看的浏览器和版本。YMMV.

这里有一个fiddle，通过直接为您的表体生成innerHTML代码而不是构建DOM节点，它的行为比您原来的fiddle快得多

---

为什么要在浏览器中一次加载并显示所有这些内容？关于分页或延迟加载行呢？我不知道您的特定用例是什么，但100列和1000行对于用户来说似乎是一个非常荒谬的数据量，也许您应该问问自己，是否有更好的方法来完成您想做的事情…@Tejs lady load绝对是一个选项。实现这一点的最佳方法是什么？Ajax几乎是您唯一的选择。出于好奇，我使用jQuery的

.html

更新了您的小提琴，我认为它稍微快一点，如果它对你们有用的话。那个么内存需求呢？那个页面很旧了，看起来有4年了。如今，DOM操作在不同浏览器之间的速度通常比innerHTML快：。如表所述，在某些IE版本中，

innerHTML

似乎更快，因此这取决于您的目标版本。对于那些IE版本，您可以使用innerHTML（也可以在文档片段上使用）。这种方法不也会增加内存需求吗？我们在任何时候都可以有多张这样的表格。