用for循环写出九九乘法表 8种方式其中代表两种方法的延伸四个方位

最新推荐文章于 2024-04-06 17:00:00 发布

置顶掌舵的船手

最新推荐文章于 2024-04-06 17:00:00 发布

阅读量1.1k

点赞数 1

分类专栏：基础类文章标签： js html

本文链接：https://blog.csdn.net/liuhebahuang/article/details/107822067

版权

基础类专栏收录该内容

10 篇文章 0 订阅

订阅专栏

此为左下99乘法表两种

在这里插入代码片
<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>九九乘法表</title>
   </head>
   <style type="text/css">
         div{
         border:1px solid red;
         margin:5px;
         padding:3px;
         //********inline-block  必须加上 这是下面的内容显示到一行中
         display:inline-block;
         background-color:orchid;
         }
   </style>
   <body>
        <script type="text/javascript">
        //方法一 用表格来显视  初学者学完html   table属性更好理解做出来  在做的时候可以加上border
             document.write("<table>");
             for(var i=1;i<10;i++){
                document.write("<tr>")
                for(var j=1;j<=i;j++){
                document.write("<td>"+j+"x"+i+"="+j*i);
                
                }document.write("</tr>");
             }document.write("</table>");
             //document.write("------------------------")
             //方法二 创建盒子来显示更加清晰可见 且代码简单
             for(var i=1;i<10;i++){
                 for(var j=1;j<i;j++){
                      document.write("<div>"+j+"x"+i+"="+j*i+"</div>")
                 }document.write("<br>");
             }
             //注意这里的div也可用span来代替
        </script>
   </body>
</html>

掌舵的船手

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
用for循环写出九九乘法表 8种方式其中代表两种方法的延伸四个方位

此为左下99乘法表两种在这里插入代码片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>九九乘法表</title> </head> <style type="text/css"> div{ border:1px solid red; marg
复制链接

扫一扫