<!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8" />

         <title></title>

         <script type="text/javascript">

             /*

                  通过程序，在页面中输出如下的图形：

                  *      1   <1   i=0

                  **     2   <2   i=1

                  ***    3   <3   i=2

                  ****   4   <4   i=3

                  *****  5   <5   i=4

                  *****

                  *****

                  *****

                  *****

                  *****

                  ***** 1   j<5(5-0)  i=0

                  ****  2      j<4(5-1)  i=1

                  ***   3   j<3(5-2)  i=2

                  **    4   j<2(5-3)  i=3

                  *     5   j<1(5-4)  i=4

              */

             //--------------------------------------------------------------------------------

             //向body中输出一个内容

             //document.write("*****<br />");

             /*for(var i=0 ; i<5 ; i++){

                 document.write("*****<br />");

             }*/

             for(var i=0 ; i<5 ; i++){

                 for(var j=0 ; j<5 ; j++){

                     document.write("* ");

                 }

                 //输出一个换行

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

             }

             //通过一个for循环来输出图形

             //这个for循环执行几次，图形的高度就是多少

             //它可以用来控制图形的高度

             for(var i=0 ; i<5 ; i++){

                 /*

                  * 在循环的内部再创建一个循环，用来控制图形的宽度

                  * 目前我们的外部的for循环执行1次，内部的就会执行5次

                  * 内层循环可以来决定图形的宽度，执行几次图形的宽度就是多少

                  */

                 for(var j=0 ; j<i+1 ; j++){

                     document.write("*&nbsp;&nbsp;&nbsp;");

                 }

                 /*for(var j=0 ; j<5-i ; j++){

                     document.write("*&nbsp;&nbsp;&nbsp;");

                 }*/

                 //输出一个换行

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

             }

         </script>

     </head>

     <body>

     </body>

 </html>

JS基础_嵌套的for循环的更多相关文章

  1. 原生 js基础常用的判断和循环

    原生 js基础常用的判断和循环 以下部分是个人实践及和搜集的资料: 最常用的if判断语句: if (/* 条件表达式 */){ // 成立执行语句 } else { // 否则执行语句 } 原生js的 ...

  2. JS基础_数组的遍历

    遍历:将数组中所有的元素都取出来 1.for循环 var arr = ["1","2","3"]; for(let i=0;i<arr ...

  3. JS基础_流程控制语句

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. JS基础_数据类型-String类型

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  5. JS基础_标识符

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. JS基础_全局作用域

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. JS基础_返回值的类型

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. JS基础_函数的简介

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. JS基础_垃圾回收(GC)

    垃圾回收(GC) 程序运行过程中也会产生垃圾,这些垃圾积攒过多以后,会导致程序运行的速度过慢,所以我门需要一个垃圾回收的机制,来处理程序运行过程中产生的垃圾 当一个对象没有任何的变量或属性对它进行引用 ...

随机推荐

  1. R语言：怎么进行异常检测

    a <- try(as.Date('2017-02-30'),silent = T) 当silent为F是,错误消息还是会返回 怎么检测a是否出错呢:if('try-error' %in% cl ...

  2. 利用phpStudy 探针 提权网站服务器

    声明: 本教程仅仅是演示管理员安全意识不强,存在弱口令情况.网站被非法入侵的演示,请勿用于恶意用途! 今天看到论坛有人发布了一个通过这phpStudy 探针 关键字搜索检索提权网址服务器,这个挺简单的 ...

  3. docker 安装 jmeter

    1.下载jmeterwget http://mirrors.tuna.tsinghua.edu.cn/apache//jmeter/binaries/apache-jmeter-5.1.1.tgz2. ...

  4. 从源码学习使用 node-delegates

    node-delegates 是 TJ 大神所写的一个简单的小工具,源码只有 157 行,作用在于将外部对象接受到的操作委托到内部属性进行处理,也可以理解为讲对象的内部属性暴露到外部,简化我们所需要书 ...

  5. ElasticSearch——自定义模板

    output中配置 elasticsearch{ action => "index" hosts => ["xxx"] index => &q ...

  6. 等待数据库引擎恢复句柄失败 SqlServer2012安装时报错 Win10

    上周,在一批Win10系统电脑上安装SqlServer 2012时,屡次发生报错,安装失败,显示的失败信息是:等待数据库引擎恢复句柄失败 如下图所示: 面对这样的错误,我的第一反应是百度,在百度上找了 ...

  7. centos7安装redis3.2.5集群

    安装参照     https://blog.csdn.net/mingliangniwo/article/details/54600640  https://blog.csdn.net/u013820 ...

  8. babylon 初试

    出于对web端3D技术的对比,以及WebGL的发展现状和WebGPU的发展前景,我觉得有必要涉猎一下babylon.js了. 可以参考一下下列文章: 1⃣️下一代web端图形接口现状与前景:https ...

  9. Jmeter启动报错解决方案

    安装好jmeter之后在启动Jmeter的过程中出现了如下的报错信息(大部分的原因是配置不对): /usr/local/Cellar/jmeter/5.1.1/libexec/bin/jmeter: ...

  10. python-Web-数据库-mysql

    概念: 服务器->数据库管理系统(软件)->数据库(文件夹)->表(文件) 关系型 安装与配置: >>>下载-安装-环境变量 >>>启动 mysq ...