JS第1课-JavaScript基础-九期线上班

1、javascript变量、函数的定义
2、javascript流程控制if else switch
3、javascript三种循环
4、数据类型转换：parseInt、isNaN函数的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="age" placeholder="请输入您的年龄">
<button onclick="save()">提交</button>
<!--script-->
<script>
/***************变量定义 var **********/
    var age = 1;
    var name = "jason";
    var newFloat = 1.1;
/***************函数**********/
    //函数的定义
    function func1() {
        //控制台输出
        console.log("哈哈哈");
    }
    function func2(name) {
        console.log(name);
    }
    function func3(age) {
        return age+1;
    }
    //调用函数
    func1();
    func2('jack');
    console.log(func3(1));
/***************变量的作用域**********/
    function func4(num1) {
        var num = 5;
        console.log(num);
        return num + num1;
    }
    console.log(func4(age));
    //使用全局函数
    console.log(age);
    //调用局部变量失败
    // console.log(num);
/***************流程控制**********/
    var sore = 90;
    function if1() {
        //if
        if (sore >80){
            console.log("成绩优秀");
        }
    }
    //if else
    function if2() {
        if (sore >= 60){
            console.log("及格");
        }else {
            console.log("不及格");
        }
    }
    //if elseif
    function if3() {
        if (sore >= 90){
            console.log("优秀");
        }else if (sore >= 80){
            console.log("良好");
        }else if (sore>=60){
            console.log("及格");
        }else {
            console.log("不及格");
        }
    }
    //switch 一般用于单值匹配
    switch (sore) {
        case 100:
        case 90:
            console.log("优秀");
            break;
        case 89:
        case 70:
            console.log("一般");
            break;
        case 69:
        case 60:
            console.log("及格");
            break;
        default:
            console.log("不及格");
    }
/***************循环**********/
function for1() {
    for (var j = 0;j < 10; j++ ){
        console.log(j);
    }
}
function for2() {
    var i = 0;
    while (i < 5){
        i++;
        console.log(i);
    }
}
function for3() {
    var i = 5;
    do {
        i--;
        console.log(i);
    }while (i > 0)
}
/**********typeof、parseInt、isNaN函数的使用********/
function typeofFunc() {
    var intStr = 10;
    if (typeof(intStr) == 'undefined' ){
        alert("未定义");
    }else {
        alert(intStr+5);
    }
}
function save() {
    var age = document.getElementById('age').value;
    //转换为int类型
    age = parseInt(age);
    if (age < 1 || age > 130){
        alert("您输入的年龄不合法");
    }
    if (isNaN(age)){
        alert("年龄不能为空,请重新输入");
    }
}
</script>
</body>
</html>

相关文章