JS 新教程

- BOM: 浏览器对象

- DOM: 操作元素

- 语法

- 行内式(极不推荐)

    - 写在<a>

        <a href="javascript:alert('Hello World')">链接</a>

    - 写在非<a>

        <div onclick="alert('Hello World')">点击</div>

- 内嵌式

- 外链式

- alert('xxx')

- console.log('xxx')

- document.write('xxx')

- 基本数据类型

    - 数值: Number

    - 字符串: String

    - 布尔: Boolean

    - 空类型

        - null: 有值,空值

        - undefined: 没有值

- 引用数据类型


- 数据类型之间的转换

    - String->Number

        - Number()
        - parseInt()
        - parseFloat()

        - 相同之处:转换纯数字串,一模一样

        var mystring = '100';
        var num = Number(mystring) # 用法
        console.log(num,typeof num)


        var mystring = '100';
        var num = parseInt(mystring) # 用法
        console.log(num,typeof num)

        - 区别:转化非数字串,效果就出来了

        var mystring = '100abc200';
        var num = Number(mystring)
        console.log(num,typeof num) # NaN 'number'

        var mystring = '100abc200'; # 100会包保留,其余删除
        var num = parseInt(mystring)
        console.log(num,typeof num) # 100 'number'


    - Number->String

        - String()
        - boolean.toString()

        var num = 123;
        var myString = String(num);
        console.log(myString,typeof myString); # 123 string


        var myBoolean = true;
        var myString = myBoolean.toString();
        console.log(myString,typeof myString); # true string

    - 转布尔

        - Boolean()

        var myString = 'king';
        var myBoolean = Boolean(myString);
        console.log(myBoolean,typeof myBoolean) # true 'boolean'


        - false 的五种情况

            - false

            - null

            - undefined

            - ''

            - 0

- 0x..... # 十六进制

- 0o..... # 八进制

- 0b...... # 二进制

- 等于 和 完全等于

    - ==: 值相等就相等,不考虑数据类型

    - ===: 值和类型相等,才相等

- 自增和自减

    - ++变量: 变量先自加1,然后参与运算

        var num = 5;
        console.log(1 + ++num); # 7

    - 变量++: 变量先参与运算,然后再自加1

        var num = 5;
        console.log(1 + num++); # 6

- 语法

    switch(已知条件){
        case 选项1:
            ......
            break;
        case 选项1:
            ......
            break;
        default:
            ......
    }

- 示例

    <script>
        var num = 100;
        switch (num) {
            case 101:
                console.log('不是数字101')
                break;
            case 99:
                console.log('不是数字99')
                break;
            case 100:
                console.log('是数字100')
                break
        }
    </script>