你好javascript day4

1）多分支条件结构

switch(变量){

case  条件一：

//当变量值满足条件一时执行代码块一

代码块一；

break；//执行完代码块一时跳出不再继续执行

case 条件二：

//当变量值不满足条件一且满足条件二时执行代码块二

代码块二

break；//跳出

}；

2）循环语句while

 循环是什么  

从开始到结束，不断地重新执行直到不满足条件

循环多少次，是由初始值，条件，变化值来决定

var ul = document.getElementByID("ul");
//找到id为ul的容器赋值给变量ul
var str="";
//新建一个空字符串赋值给str
str+="<li>1</li>”;
//累加一个"<li>1</li>“字符给str  
str+="<li>2</li>“;//这个字符串是li标签
ul.innerHTML=str;
//把str写入在HTML下的ul里

学习了上面的添加元素的方法是否觉得繁琐效率低

while循环可以完美的解决这个问题

 var ul=document.getElementById("list");
//找到容器
        var str="";
       //建立一个空字符用来储存数据
        var i=0;
      //变量i  初始值为0
        while(i<10){
      //while循环开始  判定条件 i 小于 10
            str+="<li>"+i+"</li>";
      //每次进入循环给str添加一个li标签 里面给人当前轮次i的值
            i++;
      //每进入一次i累加一次
        }
       //写入到HTML指定容器
        ul.innerHTML=str;

3）双重循环

while(条件一）{

代码块一

while(条件二）{

代码块二

} 

}

 外层循环与内层循环互不干扰  但是都遵循条件的约束

 

实例

    var str="";
    var j=1;
    while(j<6){
        str+="<ul>";
        var i=1;
        // 每一次进入这里，就会执行下面10次循环
        while(i<11){
            str+="<li>"+i+"*"+j+"="+i*j+"</li>";
            i++;
        }
        str+="</ul>";
        j++;
    }
    document.body.innerHTML+=str;
//外层循环控制ul的数量内层循环控制li的数量

案例

利用双层循环生成一个九九乘法表

while循环版

document.write('<table>');
while(var i=1 || i<10){
document.write('<tr>');
i++;
while( var j=1 && j<i){

document.write('<td>'+i+'*'+j+'='+l+'*'+j+'</td>');
}
document.write('</tr>');
}
document.write('</table>');

for循环版

document.write('<table>');
for (var i = 1 ; i < 10 ; i++){
document.write('<tr>');
for (var j = 1 ; j < 10 ; j++){
if(j<=i){
document.write('<td>'+i+'*'+j+'='+i*j+'</td>')
}
}
document.write('</tr>');
}
document.write('</table>')