1、流程控制：if switch

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <h2>我是2级标题</h2>

    </body>

    <script type="text/javascript">

        //if语句  如果（）。。。。

        var ji  = 20;

        if(ji>=20){

            console.log('恭喜你，吃鸡成功，大吉大利')

        }else{

            console.log('很遗憾 下次继续努力')

        }

//        if (true) {

//

//        }else if(true){

//

//        }else if(true){

//

//        }else{

//

//        }

//        alert(222)

        //浏览器解析代码的顺序 是从上往小执行

        //考试系统录入  

        var math = 90;

        var english = 85;

        var sum = 485;

        //1.模拟  如果总分 >400 并且数学成绩 >89分 被清华大学录入

        //逻辑与&& 两个条件都成立的时候 才成立

        if(sum>400 && math>90){

            console.log('清华大学录入成功')

        }else{

            alert('高考失利')

        }

        //2.模拟 如果总分>400 或者你英语大于85 被复旦大学录入

        //逻辑或  只有有一个条件成立的时候 才成立

        /*

        if(sum>500 || english>85){

            alert('被复旦大学录入')

        }else{

            alert('高考又失利了')

        }

        */

        if (sum>500 || (math+english)>170) {

            alert(22)

        }

    </script>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

        //switch

        var gameScore = 'good1111';

        //case  

        switch(gameScore){

//            case表示一个条件 满足这个条件就会走进来 遇到break跳出

            case 'good':

            console.log('玩的很好')

            //break表示退出

            break;

            case  'better':

            console.log('玩的老牛逼了')

            break;

            case 'best':

            console.log('恭喜你 吃鸡成功')

            break;

            default:

            console.log('很遗憾')

        }

//        alert(1)

    </script>

</html>

2、循环：while for do while

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

        //whilex循环

        //1.初始化循环变量 2.判断循环条件  3、更新循环变量

        var i = 1;

        while(i<=9){

//            console.log(i)

            i = i+1;

        }

        //练习

        //将 1-100之间的所有是3的倍数 输出出来

        var j = 1;

        while (j<=100){

            if(j%3===0){

                console.log(j)

            }

            j++;

        }

    </script>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

        ////1.初始化循环变量 2.判断循环条件  3、更新循环变量

        //不管有没有满足while中的条件do里面的代码都会走一次

        var i = 3;

        do{

            console.log(i)

            i++;

        }while (i<10)

    </script>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

        //for循环

        //1.初始化 2.循环条件 3.更新循环变量

//        for(var i = 1;i<=10;i++){

//            console.log(i)

//        }

        // 1-100之间所有的偶数

        for(var i = 1;i<=100;i++){

            if(i%2==0){

                //是偶数

                console.log(i)

            }

        }

        //1.计算1-100之间所有数的和

        var sum = 0;

        for(var j = 1;j<=100;j++){

            sum = sum+j

        }

        console.log(sum)

        //2.

        /*

          *

          **

          ***

          ****

          */

//         document.write('*')

        //双重for循环

        for(var i=1;i<=3;i++){

             for(var a=0;a<6;a++){

                 document.write('*')

             }

            document.write('<br>')

        }

        //在浏览器中输出直角三角形 6行  等边三角形  使用python语言和js语言输出

    </script>

</html>

3.输出直角三角形

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

            /*

             直角三角形

                *  1

                ** 2

                ***

                ****

                *****

                ******

            */

            /*

             等边三角形

                     *  2*1-1

                    ***  2*2-1

                   ***** 2*3-1

                  ******* 2*4-1

                 ********* 2*5-1

                *********** 2*6-1

            */

            /*

            for(var i=1;i<=6;i++){

                for(var j=1;j<=i;j++){

                    document.write("*")

                }

                document.write('<br>')

            }

            */

            for(var i=1;i<=6;i++){ //行数

                //控制我们的空格数

                for(var s=i;s<6;s++){

                    document.write('&nbsp;')

                }

//                document.write('0')

                for(var j=1;j<=2*i-1;j++){

                    document.write('*')

                }

                document.write('<br>')

            }

    </script>

</html>

16-[JavaScript]-ECMAScript 2的更多相关文章

  1. JavaScript ECMAScript版本介绍

    1. 介绍 1.1 什么是ECMAScript ECMAScript,简称ES,是由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers ...

  2. JavaScript ~~ECMAScript

    一.JavaScript 简介 HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) 2.JavaScript ...

  3. 16 Javascript

    网上找网页模板: 1.HTML模板 2.BootStrap 前面内容总结 HTML 标签:块级,行内 CSS 后台管理布局 position: fixed  ---永远固定在窗口的某个位置 relat ...

  4. (2017.10.16) javascript 数据类型转换与操作

    javascript 有 5 种基本数据类型:undefined.null.Boolean.String.Number,还有1 种较复杂的数据类型 Object:各种类型之间可以相互转换,其中有些有趣 ...

  5. 16 JavaScript计时事件&显示时钟

    计时事件:JavaScript设定一定的时间间隔之后来执行代码 window.setInterval("JavaScript function",millisecons):间隔指定 ...

  6. ECMAscript v.s. Javascript

    ECMAscript是一种中性的语言,中性表示与所处环境(宿主环境)无关(客户端/服务器/浏览器),它仅仅是一个纯粹意义上的语言. ECMAscript-262定义了这门语言的基础,或者说规则(比如说 ...

  7. JavaScript（ECMAScript） with 语句

    有同事,爱尝鲜,JavaScript ECMAScript with 语句,找了半天不知道局部变量的出处,原来是with语句搞得鬼. http://www.w3school.com.cn/js/pro ...

  8. JavaScript之ECMAScript

    JavaScript脚本语言, 运行在浏览器上,无需编译, 轻量级的语言. 功能:让页面有执行逻辑的功能, 可以产生一些动态的效果 JavaScript = ECMAScript + BOM + DO ...

  9. JavaScript第一天

    1.静态的网页技术和动态的网页技术 静态网页是相对于动态网页而言,是指没有后台数据库.不含程序和不可交互的网页.你编的是什么它显示的就是什么.不会有任何改变.静态网页相对更新起来比较麻烦,适用于一般更 ...

  10. javascript基础部分

    javascript基础部分 1  数据类型: 基础数据类型(通过typeof来检测):Number,string,undefined,null,boolean,function typeof只能检测 ...

随机推荐

  1. Vue2学习笔记:v-model指令

    1.v-model指令 <!DOCTYPE html> <html> <head> <title></title> <script s ...

  2. C#实体类对象修改日志记录

    C#实体类对象修改日志记录 类型验证帮助类 public static class TypeExtensions { public static bool InheritsFrom(this Type ...

  3. mysql-sql-standard

    https://github.com/zhishutech/mysql-sql-standard

  4. 基于NSString处理文件的高级类

    基于NSString处理文件的高级类 我已经把处理文件的类简化到了变态的程度,如果你还有更简洁的方法,请告知我,谢谢! 使用详情: 源码: // // NSString+File.h // Maste ...

  5. oracle PL/SQL调用Java生成Excel

    现在有个需求,  要求编写oracle存储过程生成Excel文件到指定目录,  但是oracle自己的API貌似不太给力,  所以只能通过另一种更强大的语言来实现了  ——Java.有一个Java框架 ...

  6. javascript excel

    js做的 excel ,  http://handsontable.com/  js keyCode对照表  http://dwz.cn/Lknbz

  7. grafana的安装与设置（一）

    zabbix3.4.9和grafana5.1.3的整合 官方文档:http://docs.grafana.org/installation/rpm/ 本次介绍两种安装方法,其他的方法请查看官方文档: ...

  8. REDIS线上问题

    这周终于解决了Redis访问经常超时的问题,终于可以踏实睡觉了.从上周就开始纠结在这个问题上,可以用寝食难安来形容,感觉这个问题就像个定时炸弹一样,虽然根据手搜的访问量,极少的Timeout Erro ...

  9. 常见dos命令（win7下测试）

    按下组合键:win + R ,输入cmd进入Dos. 1.  cls :清屏命令. 2.  ver :查看系统版本号命令,winver弹出一个窗口显示更详细的系统版本号. 3.  dir  无参数 : ...

  10. vue部署到tomcat

    # vue打包到tomcat部署步骤a.进入项目目录运行npm run devb.将dist目录复制到远程服务器下的tomcat/webapps下c.重启tomcatd.浏览器中访问 http:本机i ...