解析js原生方法建立表格效率測試_javascript技巧

我們先來看看三種演算法以及在各種瀏覽器下的表現。
第一種： 直接操作dom。

複製程式碼 程式碼如下:

程式碼如下:

"http://www.w3.org/TR/html4/loose.dtd">

   
         >New Web Project
   
   
<script><BR>microtime = function(get_as_float) {<BR>   ) / 1000;<BR>            var s = parseInt(now, 10);<BR>        000) ' ' s;<BR> }<BR>var m1 = microtime(true);<BR>var table = document.createElement("table");<BR>table.border = 1;<BR>var tbody = document.createElement("tbody") ;<BR>for(var i = 0; i < 1000; i ) {<BR>    var tr = document.createElement("tr");<BR>    for(var j = 0; j < 5; j ) { <BR>        var td = document.createElement("td");<BR>        td.appendChild(document.create > }<BR>}<BR>table.appendChild(tbody);<BR>//chrome 0.028<BR>//ie6 0.65<BR>// /ie8 0.40<BR>//ie9 0.35<BR>//firefox14 0.035<BR>//opera12 0.03<BR>//safari5.17 0.014<BR>docum = microtime(true);<BR>alert(m2-m1);<BR></script>