js的九九乘法表，用document和innerHTML不同的写法

2026-08-11 17:05:16 网络作者：本站点击：

第一种：

<script>
    var i,j;
    document.write("<pre>");
    for(i=1; i<10; i++){
        for(j=1; j<=i; j++){
            if(j>1) document.write("\t");
            document.write(j+"×"+i+"="+j*i);
        }
        document.write("<br>");
    }
    document.write("</pre>");
</script>

然后第二种：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>九九乘法表</title>
</head>
<body>
<!-- 准备一个容器来存放乘法表 -->
<div id="output"></div>
<script>
    var i, j;
    var html = ""; // 用于存储最终生成的HTML字符串
    // 开始拼接字符串
    html += "<pre>";
    
    for(i = 1; i <= 9; i++){ // 建议改为9，符合九九乘法表规范
        for(j = 1; j <= i; j++){
            if(j > 1) html += "\t"; // 使用制表符对齐
            html += (j + "×" + i + "=" + (j * i));
        }
        html += "<br>"; // 每行结束后换行
    }
    
    html += "</pre>";
    // 最后一次性将内容写入页面
    document.getElementById("output").innerHTML = html;
</script>
</body>
</html>

标签：