• 前端随堂笔录5


    判断
    三元表达式
    循环

    判断: 用的最多的就是if判断
    1.
    if(条件){ 当条件满足以后执行的语句 }

    2.
    if(条件){ }else{当上面的条件不满足的时候,就走底下}

    3.多重条件判断
    if(条件){ }else if(条件){
    }else if(条件){
    }else{
    }
    一组if判断,只能有一个if,elseif可以有0个或者多个
    else只能有0个或者1个
    var a = true;
    if(a){ //这个条件到最后全都会被转换成boolean
    console.log("hello");
    }else{
    console.log("world");
    }
    一组if判断,当前面的条件满足以后,后面的都不会去执行判断
    三元表达式
    循环

    <script>
    var score = prompt("请输入学生成绩",100);
    isNaN() //如果是数字,就返回false,不是就返回true
    var flag = isNaN(score);
    if(flag){
    alert("不是正确的成绩")
    }else{
    console.log("是数字")
    if(score >= 90 && score <= 100){
    alert("优秀")
    }else if(score >= 80 && score < 90){
    alert("良好")
    }else if(score >= 70 && score < 80){
    alert("中等")
    }else if(score >= 60 && score < 70){
    alert("及格")
    }else if(score >= 0 && score < 60){
    alert("垃圾")
    }else{
    alert("你家成绩有负数???")
    }
    }
    </script>

    三元表达式

    三目运算
    三元运算

    简单点理解就是if的简化版
    语法
    表达式1?表示式2:表达式3;
    条件(boolean)
     true的时候走表达式2
    false的时候走表达式3
    var a = 100;
    a == 100?console.log("你好"):console.log("不好");


    接收用户输入的工资
    1.如果工资大于等于20000 输出"土豪"
    2.如果工资大于等于8000小于20000,输出"一般"
    3.如果工资小于8000,输出"屌丝"
    用三元表达式完成,不能使用if
    var a=prompt("请输入你的工资:");
    a>=20000?alert("土豪"):a>=8000?alert("一般"):alert("屌丝");
    </script>

    控制台输出
    console.log();
     警告框输出
    alert()
    页面输出
    document.write(); //在文档中写入一段内容,这个内容是一个字符串的格式

    document.write("hello");
    还可以输出一段html代码,这个html代码可以被浏览器解析
    document.write('<h1 class="color_red">aksjdfhlsjkdf</h1>');
    引号的嵌套问题

    循环: 在条件范围内.重复去执行某一段代码
    for,for in,foreach,forof,while,dowhile
    for(条件1;条件2;条件3){
    循环的语句

  • 相关阅读:
    Windows-Redis-x64-5.0.9【感谢大佬】
    Debezium初试
    一键结束进程
    Vscode自动刷新
    从零到一搭建一个jenkins+github持续构建平台
    git项目迁移
    AWS IoT 消息代理
    解析器:request.body、request.POST、request.data
    Unity程序员的Unreal 简明教程(二,模型与材质)
    Unity程序员的Unreal 简明教程(一、旋转的BOX)
  • 原文地址:https://www.cnblogs.com/htmlhu/p/10957221.html
Copyright © 2020-2023  润新知