Day01-JavaScript

一.JS的使用方法

1.内联JS

<div onclick = "alert('点我干啥？')">点击一下</div>
<a href = "javascript:alert('点他就不能点我了。')">点击一下</a>

2.页面创建一个script标签，用来包裹JS代码

<script>
        alert('校服4000元引热议');
</script>

3.使用JS script标签的src引入外部JS

<script src="JS的使用方法.js"></script>

二.window对象的方法

注：window可以省略

 // 警告框
window.alert('我是window对象下面的警告框');

// 确认框
window.confirm('确认要退出应用吗？');

// 输入框
window.prompt('请输入内容');

三.window对象的属性

<script>
    // window对象下面有一个属性叫做console
    // window.console
    // console这个属性有下面几个方法

    // 日志信息 会在控制台输出
        window.console.log('hello  Javascript!');

    // 显示一个对象的所有属性和方法
        window.console.dir(window);

    // 将括号里面的内容输出到html文档里面 可以识别HTML标签
    // write 替换body里面的所有内容
        window.document.write("我是JS生成的文字");
        window.document.write("<h1>我是JS生成的文字</h1>");
</script>

四.标识符

        1.不能以数字开头。

        2.严格区分大小写。

        3.不能使用JavaScript中的关键字或保留字命名。

        4. 要尽量要做到“见其名知其意”。

        5.firstName、getUserInfo。 驼峰式命名法。

五.变量

 <script>
        // 是一种 存储数据的方式
        // 是一个容器，用来存储数据，他把数据存放到内存当中
        // 如果需要使用，就用引用地址去找

        // 需要使用关键字 var
           var userName;
        // 当创建变量时会自动在内存中生成一个址

        // 这样就声明了一个变量
        // 用赋值运算符来给变量数据
        // =
        userName = "天将降大任于斯人也"

        // 控制台输出
        // 在访问时会自己去找址，从而拿到值
        console.log(userName)

        // 简化
        var userInfo = "先帝创业为伴，而半路华光预算"
        console.log(userInfo);

        // 同时创建多个变量
        var name, age, gender;
        name = "胡歌",
            age = 18,
            gender = "男";
        console.log(name);
        console.log(age);
        console.log(gender);
    </script>

六.变量的声明提升

<script>
        // 在创建并且赋值的上一行去访问了变量 拿到的是一个undefined（未定义）
        // 这种现象被我们称为变量的声明提升
           console.log(num);
           var num = 100;

        // 相当于
           var num2;
           console.log(num2);
        // 因此 访问变量只能在 声明并且赋值的下面
</script>

七.数据类型

1.基本数据类型

undefined(未定义)、null(空)、string(字符串)、number(数值)、bolean(布尔)

2.基本数据类型的使用

<script>
        // 1.布尔 下面有两个值 true false;
            var user = true;
            var user2 = false;
            console.log(user, user2);


        // 2.数值 number  浮点数  正数  负数;
            var num = 200;
            var num2 = 13.86;
            var num3 = -54;
            console.log(num, num2, num3);


        // 3.字符串 string 只要是被引号包裹着的都是字符串
        // 注意：对于引号的使用js里面有一项规定，外单内双，外双内单
            var str = '男子喝醉后打车5公里支付509元';
            var str2 = "关关雎鸠，在河之洲";
            var str3 = "My name It\'s ";
            var str4 = "My name \n Its ";
            console.log(str);
            console.log(str2);
            console.log(str3);
            console.log(str4);

        // 4.空 null 
            var beingless = null;
            console.log(beingless);

        // 5.未定义 undefined
           var userinfo = undefined;
           console.log(userinfo);
</script>

3.复杂数据类型

object（对象）

八.检测数据类型

<script>
        var num = 100;
        var str = "123456y";
        var boo = true;
        var user;
        var nulls = null;
        var obj = {
            name: "小谷",
            age: 18,
            gender: "nv"
        }


        // 检测JS的数据类型
        // typeof
        // 返回值是数据类型
        console.log(typeof num); //number
        console.log(typeof str); //string
        console.log(typeof boo); //boolean
        console.log(typeof user); //undefined
        console.log(typeof nulls); //object
        console.log(typeof obj); //object

        // 因为 null的指针指向一个空对象
        // 所以 typeof null 返回 object
</script>