zoukankan      html  css  js  c++  java
  • java script后续

    1.判断

    判断
    三元表达式
    循环


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

    2.
    if(条件){

    }else{
    当上面的条件不满足的时候,就走底下
    }

    3.多重条件判断
    if(条件){

    }else if(条件){

    }else if(条件){

    }else{

    }

    一组if判断,只能有一个if,elseif可以有0个或者多个
    else只能有0个或者1个

    一组if判断,当前面的条件满足以后,后面的都不会去执行


    用户输入学生考试成绩
    判断用户输入的是否是数字,如果是数字,继续判断,
    成绩大于等于90,控制台输出优秀
    成绩大于等于80并且小于90,控制台输出良好
    成绩大于等于70并且小于80,控制台输出中等
    成绩大于等于60并且小于70,控制台输出及格
    成绩小于60.控制台输出垃圾

    如果不是数字,控制台输出请输入正确的成绩

    var score = prompt("请输入学生成绩",100);
    // 判断是否是数字
    // isNaN() //如果是数字,就返回false,不是就返回true

    var flag = isNaN(score); //
    if(flag){
    alert("不是正确的成绩")
    }else{
    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("你家成绩有负数???")
    }
    }

    if判断中条件的限制
    if("undefined"){ //条件全部会转换成boolean
    console.log("nengshuchu")
    }

    // 1.跟NAN做比较的时候
    // 2.数字类型 0 转换成false.非0转换成true
    // 数学运算
    // false转换成0
    // true转换成1
    // 0转换成false,非0转换成true是什么意思?
    // 3.空的字符串转换成false,非空转换成true
    // 4.引用类型的全部转换成true
    // 5.在if判断的条件中不要写小数的加减(重点重点)

    // 在if判断中
    // 0,false,空串,undefined,null转换成false.其他的全部转换成true


    // typeof() 检测数据类型的方法,需要检测的类型放在参数
    // 返回的值: string number function object undefind boolean

    // var a = 10;
    // var b = "hello world";
    // var c = [];
    // var d = {};
    // function e(){};
    // var f = null;
    // var g;
    // console.log(typeof(g))
    // if(undefined){
    // console.log("这个能输出吗?")
    // }
    // 0.1+0.2 = 0.3
    console.log(0.1+0.2); //在任何一门高级语言中,这个叫高精度数
    if(0.1+0.2 == 0.3){
    console.log("Nice!!!")
    }

    三元表达式
    // 三目运算
    // 三元运算

    // 简单点理解就是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("屌丝");

    控制台输出
    // 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){
    // 循环的语句
    // }
    // a++
    // a = a + 1
    // for(var a = 0;a < 5;a++){ //++自己增加1
    // console.log("hello")
    // }
    // 1. var a = 0;<b>满足 < 5</b>;a+1 --> 执行循环里面的语句
    // 2. a = 1;满足 < 5 ;a+1 --> 执行循环里面的语句
    // 3. a = 2;满足 < 5 ;a+1 --> 执行循环里面的语句
    // 4. a = 3;满足 < 5 ;a+1 --> 执行循环里面的语句
    // 5. a = 4;满足 < 5 ;a+1 --> 执行循环里面的语句
    // 6. a = 5;不满足<5 循环就已经结束了

    1.弹框计算器,不能使用eval。数字需要验证
    2.工资评定(不能使用if,使用三元)
    2.1如果工资大于20000,输出"土豪"
    2.2如果工资大于等于8000,小于20000,输出"一般"
    2.3如果工资小于8000,输出"屌丝"
    3.打印乘法口诀表(六种:左对齐、右对齐、居中、倒序左对齐、倒序居中、倒序右对齐)
    4.价格打折:请用户输入消费金额,如果用户消费的金额>=100元,则享受8折优惠,控制台显示实际应收金额
    5.打印国际象棋棋盘(8*8循环完成)
    6.接收用户输入的数字,判断是否是素数

    <!--在页面中输出h1-h6的标题标签-->
    <h1>这个是h1标签</h1>
    <h2>这个是h2标签</h2>
    <h3>这个是h3标签</h3>
    <h4>这个是h4标签</h4>
    <h5>这个是h5标签</h5>
    <h6>这个是h6标签</h6>
    <div style="font-size: 1px;">这个里面的文本是1px的</div>
    <div>这个里面的文本是50px的</div>
    <script>
    for(var i = 1;i <= 6;i++){
    // console.log(i);
    // 字符串拼接
    document.write("<h" + i + ">这个是h" + i +"标签</h"+ i +">");
    }

    for(var a = 1;a <= 50;a++){

    document.write('<div style="font-size:' + a +'px;">这个里面的文本是'+a+'px的</div>')
    }
    </script>

    break; 退出循环
    // continue; 跳出本次循环
    // for(var i = 0;i < 10;i++){
    // console.log(i);
    // if(i == 5){ //当条件满足的时候。
    // break; //只要碰到了,循环就直接结束了
    // }
    // }


    for(var i = 0;i < 10;i++){
    if(i == 5){
    continue; //跳出本次循环
    }
    console.log(i);
    }
    </script>

    函数: 封装代码,是一系列代码的集合
    // 函数名: 命名规则和变量的命名规则一样
    // 参数:形参(形式上的参数),参数的类型可以不限,个数可以不限
    // 函数体: 当函数被调用的时候所执行的代码
    // return: 返回值,如果没有写,则返回undefined
    // function 函数名(参数1,参数2...){
    //// 函数体
    //
    // return 函数的返回值
    // }


    function fun(){
    return true
    }
    console.log(fun()) //输出函数的执行就是输出函数的返回值
    // 控制台没有东西?因为函数还没有开始调用

    // 函数如何调用?
    // console.log(fun) fun就表示这一个函数
    // () 执行符号 执行的就是函数

    // 内置函数
    // isNaN() 返回一个boolean
    // typeof()
    // parseInt()
    // parseFloat()
    // alert()
    // eval()
    // ...

  • 相关阅读:
    Spring Boot+Vue前后端分离(1):准备环境 +项目启动
    Git使用SSH协议clone项目及SSH简介
    Intelij ideas windows版本快捷键整理
    Spring Boot配置—— yml 配置map
    Nginx配置——多站点配置
    String分割
    Spring日志处理——logger占位符
    Java缓存经验
    maven项目——maven跳过单元测试maven.test.skip和skipTests的区别
    Java工具类——Hutool Java
  • 原文地址:https://www.cnblogs.com/hyh888/p/10957116.html
Copyright © 2011-2022 走看看