for语句:
<script>
/* for(exp1;exp2;exp3){
循环体;
}
exp1:无条件的执行第一个表达式
exp2:判断是否能执行循环体的条伯
exp3:做增量的操作*/
</script>
我们想打印一句话比如:document.write("欢迎来到ziksang博客") 如果我们想打印同样的100句,用这样的方法我们要打印100次 如果用FOR循环的话,请看下面示例
<script>
for(var i = 1; i<=100; i++){
document.write("欢迎来到ziksang博客")
}
</script>
如果我们想打印1~100或都100~1,请看下面示例
//如果不用for循环,我们要进行100次的操作
document.write("0")
//........进行100次操作
for(var i = 0 ;i<=100 ;i++){ //从0 到 100
document.write(i)
}
for(var i = 100; i>=0 ; i--){ //从100 到 0
document.write(i)
}
打印1~100的总和
<script>
var sum = 0
for(var i = 1 ;i<=100;i++){
sum +=i
}
document.write(sum)
</script>
我们使用for语句来求一个1~100所有的奇数和偶数
<script>
for(var i =1;i<=100;i++){
if(i%2 == 1){ //用if语句来判断来判断奇数,如果是奇数则执行下面代码块的语句
document.write(i)
} //返回所有奇数
}
</script>
<script>
for(var i =1;i<=100;i++){
if(i%2 == 1){ //用判断语句来判断是否为奇数,如果是奇数返回true,执行代码块语句,continue跳出循环,继续执行下个循环
continue
}
document.write(i) //返回所有偶数
}
</script>
我们使用break来插入for循环看看效果
<script>
for(var i = 0 ;i <10;i++){
if(i==3){
break //当i=3的时候跳出循环语句,停止循环
}
document.write(i) //此时i输出为0,1,2
}
</script>
我们使用continue来插入for循环看看效果
<script> for(var i = 0 ;i <10;i++){
if(i==3){
continue //当i=3的时候跳出循环语句,继续开始循环,直接执行的flase(i<10);
}
document.write(i) //此时i输出为0,1,2,4,5,6,7,8,9
}
</script>
for语句的嵌套循环
<script>
for(var i =1;i<3;i++){
document.write("外层循环"+i+"次"+"</br>") //先执行外层语句
//再执行外层语句
for(var j =1;j<=3;j++){
document.write("内层循环"+j+"次"+"</br>") //再执行完内层语句
} //再执行完内层语句
document.write("<hr>") //最后直接判断为false
} </script>
我们用一个for语句来循环做一个3行30例表格,代码如下:
<table border="1" cellpadding="0" bgcolor="aqua" width="80%">
<script>
for(var i = 1 ;i<=3;i++){ //我们先执行第一行,所谓执行一次,再执行第二行,所谓执行第二次
document.write("<tr>")
for(var j=1 ;j<=30;j++){ //先循环完30例, 再次循环完30例
document.write("<td>x</td>")
}
document.write("</tr>")
}
</script>
</table>
我们再次加强上面的功能,用一个for语句来循环做一个九九乘法表,代码如下:
<table border="1" cellpadding="0" bgcolor="aqua" width="40%">
<script>
for(var i =1;i<=9;i++){
document.write("<tr>") //第一行<tr>
for(var j = 1 ; j<=i;j++){ // <td>1*1=1</td>
document.write("<td>"+i+"*"+j+"="+(i*j)+"</td>")
}
document.write("</tr>") // </tr>
} //一直做此循环直到判断条件为false
</script>
</table>