<!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. CNN基础框架简介

    卷积神经网络简介 卷积神经网络是多层感知机的变种,由生物学家休博尔和维瑟尔在早期关于猫视觉皮层的研究发展而来.视觉皮层的细胞存在一个复杂的构造,这些细胞对视觉输入空间的子区域非常敏感,我们称之为感受野 ...

  2. LC 957. Prison Cells After N Days

    There are 8 prison cells in a row, and each cell is either occupied or vacant. Each day, whether the ...

  3. [Java复习] 多线程 Multithreading

    Q1多线程基础 进程和线程? 进程: 1. 一段程序执行过程,动态的,相对而言程序是静态的.(与类和对象的关系类似) 2. CPU资源分配最小单元,包括CPU调度和资源管理. 3. 一个进程可以有多个 ...

  4. NET全控件

    NBSI WebSite Injection ReportSite Address: www.xmht.comInject URL: http://www.xmht.com/news.aspx?sty ...

  5. swoole详解

    1.swoole结构图 2.swoole流程图 3.详细流程图 3.1.Master:处理核心事件驱动(主进程)3.2.Reactor: 处理TCP连接,收发数据的线程.Swoole的主线程在Acce ...

  6. Java集合(1)：Collections工具类中的static方法

    与Arrays一样,Collections类中也有一些实用的static方法. (1) 排序操作 reverse(List list):反转指定List集合中元素的顺序 shuffle(List li ...

  7. java内存模型的原子性、可见性、有序性与指令重排序

    在并发编程中,我们通常会遇到以下三个概念:原子性.可见性和有序性.我们先看具体看一下这三个概念: 1.原子性 操作时不可分割的比如a=0,此操作不可分割,而++a,实际上是a=a+1,为两个操作.想将 ...

  8. 前端学习(一) body标签(上)

    body标签中相关标签 主要内容: 字体标签:  h1~h6.<font>.<u>.<b>.<strong><em>.<sup> ...

  9. NetCore WebApi使用Jwtbearer实现认证和授权

    1. 什么是JWT? JWT是一种用于双方之间传递安全信息的简洁的.URL安全的表述性声明规范.JWT作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以Json对 ...

  10. centos7安装Scala、Spark(伪分布式)

    centos7安装spark(伪分布式) spark是由scala语言开发的,首先需要安装scala. Scala安装 下载scala-2.11.8,(与spark版本要对应) 命令:wget htt ...