码迷,mamicode.com
首页 > 其他好文 > 详细

教你如何使用for循环来做一些小图案

时间:2017-07-08 18:49:53      阅读:629      评论:0      收藏:0      [点我收藏+]

标签:color   div   img   ima   表达式2   for语句   com   灵活   document   

  for语句比while语句和do-while都要灵活,是一种功能更大、更常用的循环语句,它的一般语法格式为:

    for(表达式1;表达式2;表达式3)

    {

      循环体

     }

 

  【注】:其中,表示式可以省略,但是分号不可省略。

  我们来看看for循环实现的一些图案吧!

 

  正三角形:

    js:

1 for(var x=1;x<10;x++){
2         for(var y=1;y<=x;y++){
3             document.write("*")
4         }document.write("<br/>")
5     }

  效果:

               技术分享 

 

  倒三角:

    js:

 

1   for(var a=1;a<10;a++){
2         for(var b=1;b<10-a;b++){
3             document.write("*")
4         }
5         document.write("<br/>")
6     }

 

效果:

           技术分享   

 交叉图形:

    js:

 

var leng=10;//行和列统一为10
    for(var i = 0;i<leng;i++){
        for(var j =0;j<leng;j++){
            if(j==i||j==leng-i-1){
                document.write("& ");
            }
            else{
                document.write("* ");
            }
        } 
        document.write("<br/>")
    }

 

效果:

             技术分享

再给大家展示个九九乘法表吧.

//打印九九乘法表
    //
    //    1循环变量
    //    2循环体
    //    3循环条件
    for(var i=1;i<10;i++){
        for(var j=1;j<=i;j++){
            document.write(i+"*"+j+"="+i*j+"&nbsp;")
        }
        document.write("<br/>");
    }


 var div=document.getElementById("div")
    var tr=document.createElement()

效果:

  技术分享

 

教你如何使用for循环来做一些小图案

标签:color   div   img   ima   表达式2   for语句   com   灵活   document   

原文地址:http://www.cnblogs.com/yhyanjin/p/7137458.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!