Question

我需要编写一个脚本，在网页中显示斐波纳契序列中的前20个数字。它还必须在一列宽和20行长的表中显示这些数字。我的javascript显示数字有效，但我无法弄清楚如何让它们显示在表格中。

这是我到目前为止所做的：

   <script type="text/javascript">
        <!--

            var var1 = 0;
            var var2 = 1;
            var var3;

            var num = 20;

            document.write("<tr><td>"+var1+"</td></tr>");
            document.write("<tr><td>"+var2+"</td></tr>");

            for(var i=3; i <= num;i++)
            {
                var3 = var1 + var2;
                var1 = var2;
                var2 = var3;

                document.write("<tr><td>"+var3+"</td></tr>");
            }

        // -->
   </script>

Answer 1

您需要<table>和<tbody>才能生效。

document.write("<table><tbody>");
//create the table contents
document.write("</tbody></table>");

Answer 2

在我看来，你只是在开头和结尾都缺少表格元素：

document.write("<table><tbody>");
        var var1 = 0;
        var var2 = 1;
        var var3;

        var num = 20;

        document.write("<tr><td>"+var1+"</td></tr>");
        document.write("<tr><td>"+var2+"</td></tr>");

        for(var i=3; i <= num;i++)
        {
            var3 = var1 + var2;
            var1 = var2;
            var2 = var3;

            document.write("<tr><td>"+var3+"</td></tr>");
        }
document.write("</tbody></table>");

Answer 3

        var var1 = 0,
            var2 = 1,
            var3 = 1,
            data = [0,1],
            html = '',
            num = 20;

        for(var i=3; i <= num;i++)
        {
            var3 = var1 + var2;
            var1 = var2;
            var2 = var3;

            data.push(var3);
        }
        html = "<table><tbody><tr><td>" + data.join("</td></tr><tr><td>") + "</td></tr></tbody></table>";
        document.write(html);

http://jsfiddle.net/4ea4d/

使用javascript在表格中显示信息

3 个答案: