<!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. window10 安装.net framework 2.0插件

    1 背景 电脑升级到window10操作系统之后,在使用过程中安装某些软件(如 BI publisher)需要用到.net framework 2.0/3.5 框架. 例如:直接安装BI publis ...

  2. Java-Unsafe

    Unsafe 是 sun.misc 包下的一个类,可以直接操作堆外内存,可以随意查看及修改 JVM 中运行时的数据,使 Java 语言拥有了类似 C 语言指针一样操作内存空间的能力. Unsafe 的 ...

  3. koa 允许跨域

    1.安装模块 npm install koa2-cors --save 2.引用 const cors = require('koa2-cors'); ... // 允许跨域访问 app.use(co ...

  4. koa 项目实战（六）注册接口加密

    1.创建工具类 根目录/config/tools.js const bcrypt = require('bcryptjs'); const tools = { enbcrypt(password) { ...

  5. 图解Python 【第五篇】：面向对象-类-初级基础篇

    由于类的内容比较多,分为类-初级基础篇和类-进阶篇 类的内容总览图: 本节主要讲基础和面向对象的特性 本节内容一览图: 前言总结介绍: 面向对象是一种编程方式,此编程方式的实现是基于对 类 和 对象 ...

  6. LC 900. RLE Iterator

    Write an iterator that iterates through a run-length encoded sequence. The iterator is initialized b ...

  7. [Java复习] Java基础 Basic

    Q1面向对象 类.对象特征? 类:对事物逻辑算法或概念的抽象,描述一类对象的行为和状态. OOP三大特征,封装,继承,多态 封装:隐藏属性实现细节,只公开接口.将抽象的数据和行为结合,形成类.目的是简 ...

  8. linux系统中的一些典型问题汇总

    一.文件系统破坏导致系统无法启动:Checking root filesystem/dev/sda6 contains a file system with errors,check forcedAn ...

  9. mysql安装报vcruntime140.dll缺失

    mysql安装报:vcruntime140.dll缺失 安装:Visual C++ Redistributable for Visual Studio 2015 可以解决此问题

  10. 导出文档设置exportDocument

    <?xml version="1.0" encoding="UTF-8"?> <?eclipse version="3.4" ...