循环结构（ for循环、双重for循环）

for循环


  <script>
        // 循环结构
        // for循环
        {
            // 输出 1-3 之间的数
            for(var i=1;i<=3;i++){
                document.write(i+'
');
 
            }
        }

console预览效果

输出100次可爱的老李头


  for(var i=1;i<=100;i++){
                document.write('可爱的老李头
');
            }

console预览效果

输出89-120之间的数


 for(var i=89;i<=120;i++){
                document.write(i+'
');
            }

console预览效果

输出1-10之间的偶数


 for(var i=1; i<=10;i++){
                // 在遍历的过程中，对当前这个数i进行判断
                if(i%2 == 0){
                    document.write(i+'
');
                }
            }

console预览效果

输出120-89之间的数


for(var i=120; i>=89;i--){
                document.write(i+'
');
            }

console预览效果

双重for循环

外层for循环：输出行，内层for循环：输出列

例如：简易版九九乘法表


<body>
 
    <h1 align="center">九九乘法表h1>
    
    <div id="box">div>
<script>
    var strHtml = ``;
        // 外层for循环：输出--- 9行
        for(var i=1;i<=9;i++){
            strHtml += `
`;
            // 内层for循环：每一行输出9列
            for(var j=1;j<=i;j++){
                // strHtml += '
';
                strHtml += `
`;
            }
            
            strHtml += `
`;
        }
            strHtml += `
'+j+'*'+i+'='+j*i+' ${j}*${i}=${j*i}
`;
 
    var box = document.getElementById('box');
    box.innerHTML = strHtml;
script>
body>

console预览效果

相关阅读:
负载均衡反向代理下的webshell上传
测试员突破瓶颈指南，不看又废了一年
vue2 在循环里，给字体加上随机颜色并加上随机图标且少重复
21天学习挑战赛-剖析直接插入排序和折半插入排序
SQL练习03
MacOS国产单片机正版Jlink调试配置和eclipse开发配置
阴影进阶，实现更加的立体的阴影效果！
Windows 11 SE 正式官宣：对标 Chrome OS，就是“刚”
暑假加餐|有钱人和你想的不一样(第9天)+NSGAⅡ与MOEAD算法Matlab代码
代码随想录算法训练营Day53|动态规划12

原文地址：https://blog.csdn.net/m0_71814235/article/details/126285253