js中的循环语句

循环结构

循环结构能够帮助重复的做某件事 主要分三类

1. while
2. do…while
3. for

while循环

while循环的时候 要设置自增量 来控制循环次数 不然就会形成死循环

<script type="text/javascript">
var a = 1;
while(a<10){
    alter("111");
    a++;
}
</script>

使用循环 完成接收用户输入学生成绩
/

<script type = "text/javascript">
/*
1.询问用户是否继续录入
     2.输入学生的成绩
     3.求最终所有学生的平均成绩 和 总分
     
     
    欢迎进入学生管理系统
    系统：  是否录入成绩
    用户：  是
    则输入成绩
    
    
    系统：是否录入成绩
    用户：否
    算出之前所有的学生的成绩的总分和平均分 
    系统：谢谢下次光临
    
    
    
    思考一：   不知道用户要输入多少个学生   死循环
*/
//不知道用户要输入多少个学生 可能会死循环
//代表学生的个数
var= stu  = 0;
//设置一个变量 当作学生的总成绩
var sum = 0;
alter("欢迎进入学生管理系统!!")
while(ture){
     var cont = prompt("是否进入录入"); 
     if(count == "是"){
        var num = prompt("请输入学生的成绩");
        num = Number(num);
        sum = sum+num;
        stu++;
      }else{
           var eve = sum / stu;
           eve = parseInt(eve);
           alter("一共录入了"+stu+"学生的总分为"+sum+"平均分为"+eve);
           break;
     }
}
//Number()将变量变成为数字类型
//parsetInt（）将变量编程数字并取整
</script>

do…while循环

求1+2+3+4+…+50的和

 
<script type="text/javascript">
  //  求  1 + 2 + 3 +4 +5 +。。。+100的和
  var i = 1;
  var sum = 1;
//  while(i >=100){
//   sum = sum + i ;
//   i ++;
//  }
//  alert(sum)
  do{
   sum = sum + i ;
   i++;
  }while(i>=100);
  alert(sum);
 </script>
 //while是先判断后执行
 //do... while是先执行后判断
 /*语法：
     do{
        条件满足是执行的内容
     }while（判断条件）
注意：while不是满足条件的时候是不执行而do...while是最少执行一次
 */

for循环

for循环也是重复的执行某一段代码
for循环语法
条件1；设置自增量
条件2；设置判断条件
条件3；自增量自增
for（条件1；条件2；条件3）{
}
利用for循环1+2+3+``。。。+100；

   <script type = "text/javascript">
   var sum = 0;
  for(var i = 0; i<=100;i++){
   sum = sum + i;
   }
  alert(sum);
   </script>

由 用户输入 div 的宽度 和高度 然后让这个div慢慢增大到 这个宽度和高度 用给定的数值绘画出一个对应的方框

 <script type = "text/javascript">
  var div1 = document.getElementById("div");
  div1.style.backgroundColor = "skyblue";
  var width   = prompt("请输入宽度");
  var height = prompt("请输入高度");
  div1.style.width = 0 + "px";
  div1.style.height = 100+"px";
  for(var i = 0;i<=width;i = i + 0.001){
   div1.style.width = i + "px";
  }
   </script>
 

document.getElementById(“div”)：获取当前文档中指定id的元素 获取 div元素