<!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. echarts中国地图3D各个城市标点demo

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

  2. selenium 右侧滚动条操作

    对于web上有右侧滚动条的操作 可用使用JS语句执行 拖到底部 js = "var q=document.documentElement.scrollTop=10000"brows ...

  3. Docker Image

    Docker 对 container 的使用基本是建立在 LXC 基础之上,然而 LXC 存在的问题是难以移动,难以通过标准化的模板去制作.重建.复制和移动 container. 在以 VM 为基础的 ...

  4. 【Java】给整数加上千分位分隔符

    package com.testEmp; import java.text.DecimalFormat; public class NumberFormat { public static void ...

  5. Node Newbie Error – NPM Refusing to Install Package as a Dependency of Itself

    46 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_ ...

  6. [spring]@Resource和@Autowired区别对比

    @Resource和@Autowired都是做bean的注入时使用,其实@Resource并不是Spring的注解,它的包是javax.annotation.Resource,需要导入,但是Sprin ...

  7. vlc 详细使用方法：libvlc_media_add_option 函数中的参数设置

    vlc 详细使用方法:libvlc_media_add_option 函数中的参数设置 [转载自]tinyle的专栏 [原文链接地址]http://blog.csdn.net/myaccella/ar ...

  8. docker下载镜像

    注意:必须先搜索镜像,否则有时候无法下载 Docker下载Redis镜像并运行容器 .搜索查找镜像 docker search redis .下载镜像 docker pull redis:latest ...

  9. centos7操作

    一.安装系统 1.下载(Minimal ISO)http://isoredirect.centos.org/centos/7/isos/x86_64/CentOS-7-x86_64-Minimal-1 ...

  10. k8s 网络模型解析之实践

    一. 实践说明 首先我们先创建一组资源,包括一个deployment和一个service apiVersion: apps/v1 kind: Deployment metadata: name: ng ...