<!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. Flutter移动电商实战 --（11）首页_屏幕适配方案和制作

    1.flutter_ScreenUtil插件简介 flutter_ScreenUtil屏幕适配方案,让你的UI在不同尺寸的屏幕上都能显示合理的布局. 插件会让你先设置一个UI稿的尺寸,他会根据这个尺寸 ...

  2. Mac 卸载mysql

    sudo rm /usr/local/mysql sudo rm -rf /usr/local/mysql* sudo rm -rf /Library/StartupItems/MySQLCOM su ...

  3. 2017-12-3 Crontab(字符串处理)

    Crontab 哈哈本人的不及格代码(暂留): #include<iostream> #include<queue> #include<cmath> #includ ...

  4. 快速解决设置Android 23.0以上版本对SD卡的读写权限无效的问题

    快速解决设置Android 23.0以上版本对SD卡的读写权限无效的问题 转 https://www.jb51.net/article/144939.htm 今天小编就为大家分享一篇快速解决设置And ...

  5. JDK1.8为什么废弃永久代【一篇就够】[z]

    https://blog.csdn.net/sjmz30071360/article/details/89456177 (Metaspace) 1.背景 2.为什么废弃永久代(PermGen) 3.深 ...

  6. iscsi序列一、搭建iscsi存储系统

    一.NAS和SAN服务器概述 SAS: 容量小, 300G, 600G, 900G, 价格贵. SATA:容量大,500G, 750G, 1T, 2T, 3T, 4T   不支持热插拔,价格低. 假S ...

  7. java.lang.UnsupportedClassVersionError: com/mysql/jdbc/Driver : Unsupported major.minor version 52.0

    版本为: jdk1.7.0_80 mysql-connector-java-5.1.46-bin.jar 解决办法: 升级JDK或者降级MySQL Connector/J为mysql-connecto ...

  8. Swift的if let和guard let的使用 <一看就懂哟>

    // // ViewController.swift // 可选项的判断 // // Created by 思 彭 on 16/9/16. // Copyright © 2016年 思 彭. All ...

  9. 3. Linux文件系统

    什么是文件系统 A directory structure contained within a disk drive or disk area(文件系统是包括在一个磁盘或分区的目录结构) A met ...

  10. 启动nfs清除端口占用过程

    centos7起nfs服务. 按教程执行: vim /etc/exportsyum install -y nfs-utils systemctl enable rpcbind.service syst ...