Internet Explorer Javascript性能问题

Vil*_*lx- 5 javascript performance internet-explorer

Internet Explorer中的JavaScript性能很糟糕.没有新闻.然而,有一些提示和技巧来加快它.例如,有这 部分 系列.我仍然发现自己无法从中挤出体面的表现.也许你们中的一些人知道还有什么可以做的,所以它更快?

我想要做的是在Javascript中从头开始创建一个中等大小的表.比方说,300行,每行10个单元格.我的电脑需要大约5-6秒才能完成此操作.好的,授予,这是一个5岁的钻机,但仍然太多了.这是我的虚拟代码:

<html>
  <body>
    <script type="text/javascript">
      function MakeTable(parent)
      {
        var i, j;
        var table = document.createElement('table');
        var insertRow = table.insertRow;
        for ( i = 0; i < 300; i++ )
        {
          var row = insertRow(-1);
          for ( j = 0; j < 10; j++ )
          {
            var cell = row.insertCell(-1);
            cell.innerHTML = i + ' -  ' + j;
          }
        }
        parent.appendChild(table);
      }
    </script>
    <div onclick="MakeTable(this);">Click Me!</div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

补充:嗯,显然字符串连接(使用array.join)是唯一的方法.好吧,伤心,当然.希望这样做是"正确的"DOM方式.:)

小智 4

这是我在寻找答案时发现的一个有趣的链接:该页面使用五种不同的脚本/方法来生成表格。
根据他们的测试,使用字符串比使用 DOM / Table 元素要快得多。 http://www.quirksmode.org/dom/innerhtml.htm l