使用 js 实现九九乘法表

最新推荐文章于 2023-10-30 22:59:38 发布

原创最新推荐文章于 2023-10-30 22:59:38 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css3 #css

前端基础专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用JavaScript的for循环嵌套来生成九九乘法表的方法，并通过HTML的table标签进行展示，实现了清晰美观的表格形式。

使用 for循环嵌套实现九九乘法表
代码如下


```javascript
document.write("<table border='1px solid'>");   //用table标签包裹整个
        for(var i = 1 ; i <= 9 ; i++){ //9行
            document.write("<tr>");     //用 tr标签包裹 一行
            for( var j = 1; j <= i ; j++){  //j 跟着 i慢慢增加
                document.write("<td>");  //用 td包裹每一个单元格
                document.write(j+"x"+i+"="+i*j + "\t");
                document.write("</td>");
            }
            document.write("</tr>");


            document.write("<br>");
        }
        document.write("</table>");

效果图如下：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191223194822449.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyODEyMTA3,size_16,color_FFFFFF,t_70)