<!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>