【www.gdgbn.com--jquery】

  <script src="https教程://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/jscript">
        function go() {
            var options = $("#ddl").select("options")
            for (var i = 0; i < 5000; i++) {
                var option = new option("text" + i, "value" + i);
                options[0].add(option);
            }
        }

        $(document).ready(function () {
            go();
        })
    </script>

效果非常慢而且会卡死浏览器

解决方法是，我们先拼好html字符串，一次解析，这样处理会快很多，这样先把字符串保存到内存就可以了，如下。
   

<script>
        function go1() {
            var i = 5000, html = new array(i);
            while(i--) {
                html[i] = ["text", i, ""].join("");
            }
            $("#dd1").replacewith("" + html.join("") + "");
        }

        function go2() {
            var i = 5000;
            var warp = document.createdocumentfragment();
            while(i--) {
                var option = document.createelement("option");
                option.value = "value" + i;
                option.innertext = "text" + i;
                warp.appendchild(option);
            }
           
            $("#dd2").append(warp);
        }
        $(document).ready(function () {
            var t = +(new date());
            go1();
            var t1 = +(new date()) - t;
            var t = +(new date());
            go2();
            var t2 = +(new date()) - t;
           
            alert([t1, t2]); // 460,710
        })
    </script>


   
   

测试结果

ie8下
使用拼串：460毫秒
使用碎片：710毫秒

本文来源：http://www.gdgbn.com/wangyezhizuo/28462/