使用变量、返回值和 CSS 数据的 Javascript 表格

Question

我在让我的 javascript 生成的表从我的 .js 文件输入数据时遇到问题。我在单独的 .js 文件中有数组:

firstName = new Array();
lastName = new Array();
street = new Array();
city = new Array();
state= new Array();
zip = new Array();
amount = new Array();
date = new Array()


firstName[0]="Nina";
lastName[0]="Largent";
street[0]="88 Regal Lane";
city[0]="Williamsburg";
state[0]="KY";
zip[0]="40769";
amount[0]=125;
date[0]="2011-09-18";


firstName[1]="Mike";
lastName[1]="Hunt";
street[1]="Da404 Barrow Street";
city[1]="London";
state[1]="KY";
zip[1]="40742";
amount[1]=75;
date[1]="2011-09-18";

, etc....

我已经完成循环并可以将数据记录并写入页面，但无法在本地脚本中将数据应用到我想要的位置。

这是我目前所拥有的。

<script type="text/javascript">

    function amountTotal() 
    {
       var total = 0
       for (var i = 0; i<amount.length;i++) 
       {
           total = total + amount[i]     
       }
           {
           return total
           }
    } 

这将返回我的总数 5175，我想将其应用于我认为我应该能够说出的总单元格 (document.write("total");)，但这不起作用。它所做的只是在单元格中打印单词 total。

  <div id="data_list">

    <script type="text/javascript">

    document.write("<table border='1' rules='rows' cellspacing='0'>");
    document.write("<tr>");
    document.write("<th>Date</th><th>Amount</th><th>First Name</th><th>Last Name</th><th>Address</th>");
    document.write("</tr>");
    document.write("</table>");

       var contributors = 0
       for (var i = 0; i <amount.length; i++){

        if (i % 2){
        document.write("<tr>")
    }
        else {
        document.write("<tr class='yellowrow'>")
    }
        document.write("<td>date</td><td class='amt'>amount</td><td>firstName</td><td>lastName</td>");
        document.write("<td>street<br />city, state zip</td>");
        document.write("</tr>");
}


    </script>

</div>

   <div id="totals">

    <script type="text/javascript">
    var total = 5175
    document.write("<table border='1' cellspacing='1'>");
    document.write("<tr>");
    document.write("<th id='sumTitle' colspan='2'>");
    document.write("Summary");
    document.write("</th>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<th>Contributors</th>");
    document.write("<td>contributors</td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<th>Amount</th>");
    document.write("<td>$total</td>");
    document.write("</tr>");
    document.write("</table>"); 

    </script>

   </div>

如有任何帮助，我们将不胜感激。几天来我一直在绞尽脑汁。

Answer 1

document.write("total"); 只是简单地写入文本“total”，以打印变量 total 的值，您只需执行以下操作:document.write(总计);