文档碎片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文档碎片</title>
    <script type="text/javascript">
        window.onload = function(){
            var oUl = document.getElementById('ul1');
            var oFrag = document.createDocumentFragment();//文档碎片
            for(var i = 0; i<10000; i++)
            {
                var oLi = document.createElement('li');
                oLi.innerHTML = "<a href='book_guo23.html'>跳转到book_guo23</a>";
                oFrag.appendChild(oLi)
            }
            oUl.appendChild(oFrag);
        };
    </script>
    <!--
    文档碎片：避免标签的创建一次渲染一次多次重复渲染费时缓慢
 文档碎片相当于一个袋子，所有创建的标签都先放进袋子，最后渲染一次。
 文档碎片只有再ie6-7上面对性能有提高，高级浏览器几乎没什么提高，所以也不再用
    -->
</head>
<body>
<ul id="ul1"></ul>
</body>
</html>
工欲善其事必先利其器