2018.12.26学习JavaScript

JavaScript

循环体：for

for(exp1;exp2;exp3){
循环体;
}
exp1:无条件的执行第一个表达式
exp2:是判断是否能执行循环体的条件
exp3:做增量的操作

例子：

for(var i=1;i<=10;i++){
document.write('第'+i+'次hello world<br/>');
}
//alert(i);
//document.write(i);

//循环输出0~100
for(var i=0;i<=100;i++){
document.write(i+'<br/>');
}

//循环输出100~0
for(var i=100;i>=0;i--){
document.write(i+'<br/>');
}

//循环输出1~100之间的奇数：

方法一：
for(var i=1;i<=100;i+=2){
document.write(i+'<br/>');
}
document.write('<hr color="antiquewhite"/>');

方法二：

for(var i=1;i<=100;i++){
if(i%2==1){
document.write(i+'<br/>');
}
}

var sum=0;
//循环输出1~100之间数字的和
for(var i=1;i<=100;i++){
sum= sum+i;
}
document.write(sum);

//循环体
//0~100奇数相加
// var sum=0;
// for(i=1;i<=100;i+=2){
// sum=sum+i;
// }
// document.write(sum);
// document.write('<br>');
// //0~100偶数相加
// var sum=0;
// for(i=2;i<=100;i+=2){
// sum=sum+i;
// }
// document.write(sum);

//通过break结束for循环　　break 停止

for(var i=-1;i>=-1;++i){ //无条件先执行一次，暂时不执行++i，此循环结束才执行
if(i>100){
break;//结束for循环
}
console.log(i+'<br/>');
}

//continue:代表跳过当次循环，进入下次循环　　continue　　继续

for(var i=1;i<=10;i++){
if(i==3){
document.write('hello king');
// break;
continue;
}
document.write(i+'<br/>');
}

//1　　2　　hello king　　3　　4　　5　　6　　7　　8　　9　　10

//for循环的嵌套　　先循环外，然后循环里面（直到里面循环完）　　再循环外面，然后循环里面（直到里面循环完）
for(var i=1;i<=3;i++){
document.write('外层循环循环第'+i+'次的结果<br/>');
for(var j=1;j<=2;j++){
document.write('内层循环循环第'+j+'次的结果<br/>');
}
document.write('<hr />');
}

table表格循环

<table border='1' cellpadding="0" bgcolor="aqua" width='80%'>
<script type="text/javascript">
for(var i=1;i<=3;i++){
document.write('<tr>');
for(var j=1;j<=30;j++){
document.write('<td>'+j+'</td>');
} document.write('</tr>');
}
</script>
</table>

//正反九九乘法表

<table border="1" bgcolor="#ccc" cellpadding="0" width="800px">
<script type="text/javascript">
for(i=1;i<=9;i++){
document.write('<tr>');
for(j=1;j<=i;j++){
document.write('<td>'+j+'X'+i+'='+(i*j)+'<td/>');
}
document.write('</tr>');
}
</script>
</table>
<table border="1" bgcolor="#ccc" cellpadding="0" width="800px">
<script type="text/javascript">
for(i=9;i>=1;i--){
document.write('<tr>');
for(j=1;j<=i;j++){
document.write('<td>'+j+'X'+i+'='+(i*j)+'<td/>');
}
document.write('</tr>');
}
</script>
</table>