js从菜鸟到精通-day01

01-JS的使用方式

<!-- 1.内联JS -->

    <a href="javascript:alert('点我干啥?');">点击一下</a>

    <!-- 给当前的div注册一个单击事件 -->

    <div title="123" οnclick="alert('讨厌🤭')">你点完他就不要点我了</div>

    <div title="123" οnclick="console.log(123)">你点完他就不要点我了</div>

    <!-- 2.创建一个script 标签 用来包裹js代码 -->

    <script>

        // alert警告框

        alert('校服费4000元引争议 学校回应热');

    </script>

    <!-- 所以引入或者编写JS建议放在最下面 -->

    <!-- 3.使用js script标签 的 src 引入外部JS -->

    <script src="./01-JS的使用方式.js"></script>

 window对象的方法

        // . 的

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

        // 确认框

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

        // 输入框

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

        // JS里面只要是带()都是方法

 window对象的属性

        // window.console

        // console这个属性下面有几个方法

        //  会在控制台输出 日志信息

        window.console.log('hello  JavaScript!');

        window.console.log('1234567890');

        // 显示一个对象的所有属性和方法

        window.console.dir(window);

        // 将括号里面的内容输出到 html文档里面 可以识别HTML标签

        window.document.write("我是JS生成的文字");

        window.document.write("<h1>我是JS生成的文字</h1>");

        // write 替换body里面的所有内容

window可以进行省略

 变量、函数、函数的参数的名字

        // - 不能以数字开头。

        // - 严格区分大小写。

        // - 不能使用JavaScript中的关键字命名。

        // - 要尽量要做到“见其名知其意”。

        // ：firstName、getUserInfo。 驼峰式命名法

变量

变量是一种 存储数据的方式

 是一个容器，用来存储数据，他把数据存放到内存当中，

 如果需要使用，就用引用地址去找

  需要使用关键字  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(gender);

        console.log(age);

        // 扩展

        console.log(100 + 9);

        console.log(100 - 9);

        console.log(100 * 9);

        console.log(100 / 9);

        console.log(100 % 9);

        console.log(20 % 5);

        console.log(10 % 3);

        console.log(2 * 2 * 2);

        console.log(2 ** 10);

保存用户输入的内容

// 创建一个变量

        var userText;

        // 给变量赋值

        userText = window.prompt("123");

        // 确定赋值成功否

        console.log(userText);

变量的声明提升

// 在创建并且赋值的上一行去访问了变量 拿到的是一个undefined（未定义）

        // 这种现象被我们称为变量的声明提升

        console.log(num); //undefined

        // 创建变量并且赋值

        var num = 100;

        console.log(num);

        // 访问变量

        // alert(num)

        // 相当于

        var num2;

        console.log(num2)

        // 因此 访问变量只能在 声明并且赋值的下面