zoukankan      html  css  js  c++  java
  • 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写的九九乘法表-->
    <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>

  • 相关阅读:
    用小程序&#183;云开发两天搭建mini论坛丨实战
    巧用小程序&#183;云开发实现邮件发送功能丨实战
    借助云开发,10行代码实现小程序支付功能!丨实战
    你的心事我全知晓——心情日记小程序丨实战
    只需20小时,让0基础的你掌握小程序云开发!这个暑假,约否?
    诗词歌赋,样样精通!诗词古语小程序带你领略魅力古风丨实战
    在线教育项目-day02【后台讲师管理模块】
    在线教育项目-day02【搭建项目结构】
    在线教育项目-day01【wrapper条件构造器】
    在线教育项目-day01【性能分析插件】
  • 原文地址:https://www.cnblogs.com/liuwei1/p/10181091.html
Copyright © 2011-2022 走看看