优化 IE6 的字符串代码

Question

我的网站上有一个页面，它使用 JS 通过字符串写出大量动态内容，然后将其解析为 HTML。在所有浏览器中都可以正常工作，但 IE6 非常慢。许多用户最终都会收到“脚本无响应，您想中止吗？”消息。

我尝试过使用数组而不是字符串来查看 IE6 是否可以更好地处理这些问题，但我仍然获得相同的性能。我想知道是否有人对如何针对 IE6 进行优化有什么聪明的想法，或者以其他方式防止出现无响应的脚本消息。

---

function createTable(){

  var tableStr = "<table><tbody>";

  tableStr += "</tbody></table>";

  for(var x=0; x<contentData.length;x++){
     tableStr += createRow(contentData[x]);
  }

  $("#content").html(tableStr);
}

function createRow(data){
  var rowStr = "<tr>";
  rowStr += "<td>" + data.name + "</td>";
  rowStr += "<td>" + data.address + "</td>";
  rowStr += "<td>" + data.phone + "</td>";
  rowStr += "<td>" + data.fax + "</td>";
  rowStr += "</tr>";
  return rowStr;
}

Answer 1

请查看这篇文章，其中包含有关如何改进的建议IE 的 JavaScript 性能

Answer 2

function createTable(){

    //show loading message here since it will be a async load
    //$("#loadingMsg").show();

    var tableStr = "<table><tbody>";
    tableStr += "</tbody></table>";

    var rowCnt = 0;
    function buildTable(){

        //break up building table into 50 row chucks
        for(var x=0; x<50 && rowCnt<contentData.length;x++){
            tableStr += createRow(contentData[rowCnt]);
            rowCnt++;
        }

        //if we have not built the table, make a call to build next section
        //The setTimeout keeps the unresponsive message from appearing
        if(rowCnt<contentData.length){
            window.setTimeout(buildTable,0);
        }
        else{  //all rows have been added, set the table with the data
            //hide a loading message
            //$("#loadingMsg").hide();
            $("#content").html(tableStr);
        }
    }

    buildTable(); //kick off the table building

}

function createRow(data){
  var rowStr = "<tr>";
  rowStr += "<td>" + data.name + "</td>";
  rowStr += "<td>" + data.address + "</td>";
  rowStr += "<td>" + data.phone + "</td>";
  rowStr += "<td>" + data.fax + "</td>";
  rowStr += "</tr>";
  return rowStr;
}

Answer 3

最佳解决方案是将用户引导至 http://www.ie6countdown.com/ - 由以下人员创建的网站微软将让世界摆脱 IE6。我认为当一家公司恳求客户停止使用他们的产品时，这说明了很多问题。

但你可能没有资格这样做。在 IE6 中解决这种情况的最佳解决方案是在服务器上构建 HTML；字符串操作和分配给 innerHTML 在 IE6 上非常慢，并且没有“技巧”可以使它更快。

给您一个想法：我必须显示 2MB 的 HTML。 IE6 在不到一秒的时间内从磁盘加载了该文件。通过指定 innerHTML 将相同的 HTML 添加到现有页面需要 110 秒。

或者您可以使用计时器拆分添加以避免阻塞页面。请参阅此答案：设置大值时提高性能的方法到innerHTML

Answer 4

您是否考虑过使用模板引擎？有多个可用于 jQuery/javascript 的模板引擎在这种情况下可能会有所帮助。

查看此堆栈溢出问题