level 2
abcJava小程
楼主
JS主要分为3部分，即 ECMAScript ， DOM，BOM。移动端暂时没写进来。
因时间仓促，每天凌晨挤时间整理，难免有遗漏，以后发现后会回来补。
话不多说，干货奉上~
JavaScript
计算机基础（了解)
数据存储单位
bit byte kb Gb Tb
如图：
java和javascript的关系： 两者毫无关系。类似于雷锋和雷峰塔的关系。 script是脚本的意思。javascript 是脚本语言，会逐行解释执行。简称JS。
html / css / js三者的关系
三者的简单介绍
html / css 标记语言 ---- 描述类语言 html 决定网页结构和内容（决定看到什么）。相当于人的身体。比如这样：
css决定网页呈现给用户的模样（决定好不好看）。相当于给人穿衣服、化妆等。比如这样：
JS脚本语言---- 编程类语言
实现业务逻辑和页面控制（决定功能）。相当于人做出的各种动作。比如这样：
JS的组成
JS包括三部分： 1，ECMAScript ,即欧洲计算机制造商协会通过的一种标准化的脚本程序设计语言。在这之前，脚本语言比较混乱。 2，DOM，即document object model 页面文档对象模型。它的主题是document。 3，BOM，即brower object model 浏览器对象模型。其实更应该叫做 WOM，即 window object model ，因为它的作用对象就是window。
JS的三种书写位置（和CSS非常相似）
1,**行内式**。即 直接写在标签里。比如：
特点：
①可以将单行或者少量JS代码写在HTML标签的事件属性中（以on开头的属性），如：onclick。
②注意单双引号的使用：在THML中推荐使用双引号，在JS中推荐使用单引号。
③可读性差，在HTML中编写JS大量代码时，不方便阅读；
④引号易错，引号多层嵌套匹配时，非常容易弄混淆。
⑤在特殊情况下使用。
2，内嵌式。写在被head标签包含。比如：
<head>
<script>
alert('hello world');
</script>
</head>
特点：①可以将多行JS写到
<body>
<div>
</div>
...
<script src="js/my.js"></script>
</body>
①利于HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，又方便文件级别的复用。②引用外部JS文件的
JS的注释方法（这点和java一样的）
1，单行注释： //内容 2，多行注释：
/* 内容
内容
内容*/
JS输入输出语句：
1，在F12里输出： console('内容'); 2，在页面弹窗里输出： alert('内容'); 3，在页面弹窗里输入：prompt('内容');
JS变量
什么是变量
白话：变量就是一个装东西的盒子。 通俗：变量是用于存放数据的容器。完美通过**变量名**获取数据，甚至可以修改数据。 比如以下三种变量：
变量在内存中的存储
本质：变量是程序在内存中申请的一块用来存放数据的空间。比如：
类似于酒店的房间，一个房间就可以看作一个变量。
变量的使用
变量在使用时分为两步： 1，**声明变量**。
//声明一个名称为age的变量。
var age;
①var是JS的一个关键字。用来声明变量（variable变量的意思）。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管。
②age是程序员定义的变量名。我们要通过变量名来访问内存中分配的空间。
2，给变量赋值。
age = 10;//给age这个变量赋值为10.
① = 用来把右边的值 赋给左边的变量空间中。此处代表赋值的意思。
②变量值是程序员保存到变量空间里的值。
3，变量的初始化。
var age = 18; //声明变量同时赋值为18.
声明一个变量并赋值，我们称之为变量的初始化。
变量的语法扩展
1，更新变量 一个变量被重新赋值后，它原有的值就会被覆盖。变量值将以最后一次赋的值为准。
var age = 18;
age = 19;//最后的结果就是19.因为18被新赋值的19给覆盖了。
2，同时声明多个变量
同时声明多个变量时，只需要写一个var，多个变量名之间使用英文逗号隔开。比如：
var age = 10, name = 'zs', sex = 2;
3，声明变量的特殊情况。
①只声明，不赋值。比如：
var age;
console.log(age);
输出结果就是 undefined。
②不声明，只赋值。
age = 10;
console.log(age);
输出结果是 10.
2020年06月30日 12点06分
1
因时间仓促，每天凌晨挤时间整理，难免有遗漏，以后发现后会回来补。
话不多说，干货奉上~
JavaScript
计算机基础（了解)
数据存储单位
bit byte kb Gb Tb
如图：
java和javascript的关系： 两者毫无关系。类似于雷锋和雷峰塔的关系。 script是脚本的意思。javascript 是脚本语言，会逐行解释执行。简称JS。
html / css / js三者的关系
三者的简单介绍
html / css 标记语言 ---- 描述类语言 html 决定网页结构和内容（决定看到什么）。相当于人的身体。比如这样：
css决定网页呈现给用户的模样（决定好不好看）。相当于给人穿衣服、化妆等。比如这样：
JS脚本语言---- 编程类语言
实现业务逻辑和页面控制（决定功能）。相当于人做出的各种动作。比如这样：
JS的组成
JS包括三部分： 1，ECMAScript ,即欧洲计算机制造商协会通过的一种标准化的脚本程序设计语言。在这之前，脚本语言比较混乱。 2，DOM，即document object model 页面文档对象模型。它的主题是document。 3，BOM，即brower object model 浏览器对象模型。其实更应该叫做 WOM，即 window object model ，因为它的作用对象就是window。
JS的三种书写位置（和CSS非常相似）
1,**行内式**。即 直接写在标签里。比如：
特点：
①可以将单行或者少量JS代码写在HTML标签的事件属性中（以on开头的属性），如：onclick。
②注意单双引号的使用：在THML中推荐使用双引号，在JS中推荐使用单引号。
③可读性差，在HTML中编写JS大量代码时，不方便阅读；
④引号易错，引号多层嵌套匹配时，非常容易弄混淆。
⑤在特殊情况下使用。
2，内嵌式。写在被head标签包含。比如：
<head>
<script>
alert('hello world');
</script>
</head>
特点：①可以将多行JS写到
<body>
<div>
</div>
...
<script src="js/my.js"></script>
</body>
①利于HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，又方便文件级别的复用。②引用外部JS文件的
JS的注释方法（这点和java一样的）
1，单行注释： //内容 2，多行注释：
/* 内容
内容
内容*/
JS输入输出语句：
1，在F12里输出： console('内容'); 2，在页面弹窗里输出： alert('内容'); 3，在页面弹窗里输入：prompt('内容');
JS变量
什么是变量
白话：变量就是一个装东西的盒子。 通俗：变量是用于存放数据的容器。完美通过**变量名**获取数据，甚至可以修改数据。 比如以下三种变量：
变量在内存中的存储
本质：变量是程序在内存中申请的一块用来存放数据的空间。比如：
类似于酒店的房间，一个房间就可以看作一个变量。
变量的使用
变量在使用时分为两步： 1，**声明变量**。
//声明一个名称为age的变量。
var age;
①var是JS的一个关键字。用来声明变量（variable变量的意思）。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管。
②age是程序员定义的变量名。我们要通过变量名来访问内存中分配的空间。
2，给变量赋值。
age = 10;//给age这个变量赋值为10.
① = 用来把右边的值 赋给左边的变量空间中。此处代表赋值的意思。
②变量值是程序员保存到变量空间里的值。
3，变量的初始化。
var age = 18; //声明变量同时赋值为18.
声明一个变量并赋值，我们称之为变量的初始化。
变量的语法扩展
1，更新变量 一个变量被重新赋值后，它原有的值就会被覆盖。变量值将以最后一次赋的值为准。
var age = 18;
age = 19;//最后的结果就是19.因为18被新赋值的19给覆盖了。
2，同时声明多个变量
同时声明多个变量时，只需要写一个var，多个变量名之间使用英文逗号隔开。比如：
var age = 10, name = 'zs', sex = 2;
3，声明变量的特殊情况。
①只声明，不赋值。比如：
var age;
console.log(age);
输出结果就是 undefined。
②不声明，只赋值。
age = 10;
console.log(age);
输出结果是 10.
![[楼主好人]](/static/emoticons/u697cu4e3bu597du4eba.png)