做一个乘法表，就像九九乘法表那样的，可是不要九，而是输入几，就生成一个几几的乘法表。急，高手请指教！

老师说可以上网查资料，所以，我就到csnd了。
这是个好地方。
请高手帮帮小弟吧。
我是这样想的<html>
<head><title>JavaScript九九乘法表</title></head>
<body bgcolor="CCCCCC">
<table>
<script language="javascript">
var n=10
var i=1
var j=1
document.write("<table border=1>")//这个循环就搞定了九九乘法表，可是那里的n怎么样才能由自己在网页中敲入
for(i=1;i<n;i++){                  //呢？？难道要做个链接在生成一个网页不成？？
document.write("<tr>") 
for(j=1;j<=i;j++){
    document.write("<td>")
    document.write(j+"*"+i+"="+(i*j))
    document.write("</td>")
}
for(j;j<=n-1;j++){
    document.write("<td> </td>")
}
document.write("</tr>")
}
document.write("</table>")
</script>
</body>
</html>

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> JavaScript 9*9 </title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    </head><style>
    td {
    font-size: 12px;
    }
    </style><body leftmargin="0" topmargin="0">
    <br />
    <br />
    <input type="text" id="id_txt" maxlength="2" style="width: 80px" onblur="doCal(this)"> input a number
    <br />
    <br />
    <table id="id_tbl" border="1" cellpadding="0" cellspacing="0">
    </table>
    </body>
    </html><script language="JavaScript">
    <!--
    function doCal(obj) {
    var num = obj.value;
    var tbl = document.getElementById("id_tbl"); if (document.body.all)
    {
    tbl.innerText = "";
    }
    else
    {
    tbl.innerHTML = "";
    } if (isNaN(num) || num.trim() == "")
    {
    return;
    } for (var i = 1; i <= num; i++)
    {
    var newRow = tbl.insertRow(tbl.rows.length);
    for (var j = 1; j <= i; j++)
    {
    var newCell = document.createElement("td");
    newCell.innerHTML = i + "*" + j + " = " + i * j;
    newRow.appendChild(newCell);
    } for (j; j <= num; j++)
    {
    var newCell = document.createElement("td");
    newCell.innerHTML = "&nbsp;";
    newRow.appendChild(newCell);
    }
    }
    } String.prototype.trim = function() {
    return this.replace(/(^\s*)|(\s*$)/g, "");
    };
    //-->
    </script>
      

  2.   

    只在ie6和firefox2.0.0.9下测试通过。
      

  3.   

    太感谢了，谢谢。
    还是csdn高手多啊
    再次谢谢了。
      

  4.   

    <style type="text/css">
        td,tr{
          border:solid 1px #17cb00; 
          
         }
        </style>    
     <script language="javascript" type="text/javascript">
        var i,j;
        document.write("<table>"); document.write("<tr>");
        for(i=1;i<10;i++)
        {
        for(j=1;j<=i;j++)
        {document.write("<td>");
         document.write(i+"*"+j+"="+(i*j));
         document.write("</td>");}
         document.write("</tr>");}
         document.write("</table>");
        </script>