0

我需要设计一个包含大量字段的网页，每个字段都显示在一行表格中。有几个类别。我希望为每个类别制作一个单独的表格并进行不同的设计。

网页上存在大量表格是否会使其变慢？哪个更好.. 有 10 个表，每个表有 10 行，还是一个表有 100 行？页面加载速度是否有显着差异？

4

1 回答 1

0

做这样的事情，我建议使用一个表，但大量使用你的 thead 和 tbody 元素来包含每个单独的部分。

编辑：我做了一些测试，发现使用一个或另一个没有显着增加。在我的机器上，对于一个 10000 行和 5 列的表以及 10 个每个 1000 行和 5 列的表，我的页面生成时间约为 1800 毫秒（平均每个主题使用 10 次测试）。

用于测试的代码：

<html>
    <head>
        <script type="text/javascript">
            var start_time = (new Date()).getTime();

            function detectTimeDiff(){
                alert("Time taken:  "+((new Date()).getTime() - start_time)+" milliseconds.");
            } 
        </script>
    </head>
    <body onload="detectTimeDiff()">
        <?php
            $multiple_tables = true;
            $table_count = 10;

        ?>
        <table>
        <?php
            $table_count--;

            for($i=0;$i<10000;$i++){
                if($multiple_tables){
                    if($i%$table_count == 0){
        ?>
        </table>
        <table>
        <?php
                    }
                }

        ?>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <?php
            }
        ?>
        </table>
    </body>
</html>
于 2012-08-29T09:50:52.570 回答