JavaScript-day01

一、单位换算

二、ECMAScript

三、HTML 、CSS 、JS的微区别

四、JavaScript

五、JavaScript的特点

六、JavaScript语法

七、JavaScript的使用方法行内代码、内部代码、外部代码

一、单位换算

1.位（Bit）：指一个0或者一个1，就是一位。（最小的存储单位）

2.字节（Byte）：简写 "B" 1B = 8bit(8b)

3.千字节（KB）:1KB = 1024B

4.千字节（MB）:1MB = 1024KB

5.千字节（GB）:1GB = 1024KB

6.千字节（TB）:1TB = 1024GB

二、ECMAScript

ECMAScript：JavaScript语言开发规范

三、HTML 、CSS 、JS的微区别

HTML：结构层，提供网页的结构，提供网页中的内容

CSS：表示层，用来美化网页

JS：行为层，可以用来控制页面的内容，给网页增加动态的效果，用于跟用户的交互

四、JavaScript

脚本语言，依托于其他程序才能执行的语言（依托于浏览器）；

可跨平台：在不同设备上的浏览器均能运行（浏览器的跨平台性）；

面向对象：针对对象的方法。

五、JavaScript的特点

1.JavaScript是一个脚本语言，可跨平台，支持面向对象；

2.脚本（Script）简单地说就是一条条的文本指令，按照程序流程执行；

常见的脚本语言：JavaScript、VBScript、Perl、PHP、Python等；

非脚本语言：C、C++、Java、C#等。

3.脚本语言与非脚本语言的区别：

非脚本语言与i版需要编译、链接、生成独立的可执行的文件后才能运行；

脚本语言依赖于解释器，旨在被调用时自动进行解释或编译。

4.几乎所有的浏览器，包括手机等各类移动设备。

JavaScript语言不依赖于操作系统，仅需要浏览器的支持。

六、JavaScript语法

1.标识符：由大小写字母、数字、下划线和美元符号（$）组成

注：1.不能以数字开头；

2.严格区分大小写；

3.不能使用JS里的关键词；

4.语义化，见其名知其意。

2。注释：

单行注释：//

多行注释：/*-- --*/

所有的语句末尾都要加 " ; " 且符号全英。

七、JavaScript的使用方法行内代码、内部代码、外部代码

1.行内代码：行内代码需要特定的条件才能书写

<div onclick="console.log('123')"></div> //结果是123

2.内部代码：写在script里（script标签尽量写在body最下面）

<body>
<script>
conlose.log("aaa");//行内代码
</script>
</body>

3.外部代码：通过script标签引入外部的js文件，将路径写在SRC属性里面(写在body的最后面）

<body>
<script src="x/xx.js">
</script>
</body>

八、window对象方法

window 均可省略

1.window.alert() 警告弹窗只有确定按钮

window.alert("你确定吗？");

2.window.confirm() 确认弹窗有确认及取消按钮

window.confirm("你确认要删除吗？");

3. window.prompt() 输入弹窗有确认和取消按钮和输入框

window.prompt("请输入你的名字");

九、window对象属性

window 均可省略

1.console.log(); 在控制台中打印输出日志信息

window.console.log("你今天状态很好");

2.console.dir(); 打印对象里面的所有属性和方法

window.console.dir(window);

3.document.write 将内容输出到页面中

window.document.write("<div class='changhui' style='color:red;'>今天天气真好</div>");

十、变量的创建

1.变量的声明声明变量

 var studentName;

2.变量的赋值

 studentName = "李四";

3.变量的初始化

声明过变量名后，直接赋值

var studentAge = 18;

4.同时声明多个变量

var studentId, studentSex;

5.同时声明多个变量并初始化

 var studentId = 1000,
            studentSex = "男";

十一、变量的声明提升

特殊的浏览器机制，避免代码报错

// undefined  ?   
        console.log(num);
        var num = 18;


        // |
        // |
        // v


         var num;
         console.log(num);
         num = 18

十二、数据类型

1.布尔数据类型 Boolean

true 正确 1 false 错误 0

var boo1 = true;
        var boo2 = false;
        console.log(boo1);
        console.log(boo2);

2.数字数据类型 Number

包含所有数字正数负数整数小数（浮点数）

打印出来呈蓝色

var num1 = 123;
        var num2 = 123.456;
        var num3 = -123.456;
        var num4 = 123e5;
        console.log(num1);
        console.log(num2);
        console.log(num3);
        console.log(num4);

3.字符串数据类型 String

包含所有字符串打印出来都是黑色

双引号和单引号没有区别

var str1 = "你'和'好";
        var str2 = "我";
        var str3 = '"有一个帽衫"';
        var str4 = '想';
        console.log(str1);
        console.log(str2);
        console.log(str3);
        console.log(str4);

4.未定义数据类型 Undefined

没有定义值打印出来呈灰色

var und;
        console.log(und);

5.空数据类型 Null

没有值 Null 表示空值

var nul = null;
        console.log(nul);