每日学到 40 - JavaScript入门

目录

js的位置

    标签中

    内部js

    外部js

js几个常用数据类型

js运算符与java中不同的地方

键盘录入

switch

js中的日期获取

---

js的位置

    标签中

        <p οnclick="alert('哎呦你干嘛？')">你点点</p>

    内部js

<script>
    var pEles = document.getElementsByTagName("p");
    pEles[0].addEventListener("click", function () {
        pEles[0].style.display = "none";
    });
</script>

    外部js

写在外部.js文件中

var pEle = document.querySelector('p');

pEle.onclick = function (e) {
    this.style.fontSize = "40px";
    this.style.color = "#f00";
}

js几个常用数据类型

    number
        数字（数字可以带小数点也可以不带）、NaN、Infinity
    boolean
        只有俩个值：true或false。
    undefined
        表示变量不含有任何值。是未定义的状态。
    null
        只有一个值。null是表示一个空对象指针，这也是typeof操作符检测 null 值时会返回 object 的原因。
    string
        字符串类型

    基本类型：String、Number、Boolean、Null、Undefined、Symbol
    引用类型：object。里面包含的 function、Array、Date。

js运算符与java中不同的地方

    var m = 123;
    var n = "123";
    console.log(m==n);//true ==比较内容，不比较数据类型
    console.log(m===n);//false ===不仅要比较内容，还要比较数据类型

    console.log(true&&false);//false
    console.log(true&false);//0
    console.log(true||false);//true
    console.log(true|false);//1

键盘录入

        var runScore = prompt("请输入你的百米赛跑成绩");
        if(runScore<10){
            console.log("进入");
            var gender = prompt("Gender");
            if(gender=="男"){
                console.log("男子组");
            } else if(gender=="女"){
                console.log("女子组");
            } else{
                console.log("性别输入有误");
            }
        }else{
            console.log("未进入");
        }

switch

        //根据月份输出季节
        var month = 12;

        switch (month) {
            case 12:
            case 1:
            case 2:
                console.log("冬季")
                break;
            case 3:
            case 4:
            case 5:
                console.log("春季")
                break;
            case 6:
            case 7:
            case 8:
                console.log("夏季")
                break;
            case 9:
            case 10:
            case 11:
                console.log("秋季")
                break;
            default:
                console.log("月份输入有误");
                break;
        }
        //合理利用case穿透

js中的日期获取

    var date = new Date();
        获取当前的时间
    date.getFullYear()
        获得年
    date.getMonth()
        获得月份（0-11）所以加1为月份
    date.getDate()
        这月的第几天
    date.getDay()
        这周的第几天