【js的作用】
1.制作网页中的功能；
2.制作网页中的动画；
3.制作网页中的交互；
4.前端对数据进行验证；
总结：js的作用的本质就是控制web标准中的结构和样式
【体验js】
《函数》
什么是函数？
在编程的世界中，函数就是实现网页中的功能的一种表现形式，简单可以理解为：
函数就是功能，功能就是函数!
《函数的基本结构》
fn();
fn表示函数的名称（“未知数”）；
()表示立即执行fn这个函数；
;表示函数执行结束；
注意：所有的括号和分号都是半角英文的！！！如果不对，函数是不会执行的；
《js的书写位置》
css的书写需要一个环境，那么我们的js也是需要一个环境
这个环境的位置在body标签中的最后面 或者是在html的外面
《js的注释》
有2种：
/* */表示多行注释
//表示单行注释
《js中内置的函数》
alert();表示警示框， 只有一个参数，表示警示的内容；
prompt(“标题”,”值”);表示提示框，里面有两个参数（参数之间用英文逗号隔开）， 第一个表示提示框的标题，第二个表示提示框的内容，这个值有些人称作 举例文本。
注意：函数的参数是不能颠倒顺序的，因为代表的意义不同；
注意中英文区分：
【感受js的作用】***
《对象》
什么是对象?
对象就是一个功能组！
js中有大量的功能，js把这些功能进行分类，这种被分类的功能组合在一起，就叫做对象！
《文档对象》
文档对象就是具有控制文档功能的功能组；对象的直接翻译就是document,在js中文档对象的表示方法就是document， 主要作用就是控制文档的功能！！！
使用方式：
通过直接书写document，然后打 点 然后就可以使用后面的具体功能了；
《文档搜索》
document.getElementById(“box02”);表示通过ID找box02这样的元素
【js控制css】
方法：首先需要通过document.getElementById(“myid”)找到需要控制的元素，然后.style，然后再给需要控制的样式名称，就可以控制元素的css内容了；
注意：
1.所有通过js修改的css作用在标签元素的身上（行内式）；
2.所有css中，只要是属性名称有中划线的，在js中就必须修改为驼峰式命名法（注意大小写）
《变量》
什么是变量？
变量就是一个容器，可以用来存放任何东西。类似于我们的div
《变量的基本结构》
var k=v;
var表示声明变量；
k变量的名称；
=表示赋值，把等号右边的值赋给左边的变量名；
v表示变量的内容（值） ，这里可以为“死的”，也可以是“活的”；
；结束符号；
【js控制html】
《js控制html标签属性》
在html中的标签的自身的属性都有：
src，alt，href，value，type，name，title,class.....
方法：
直接在搜索器之后打点，写出对应的属性名称，并且给赋值就可以了；
注意：class这个属性名称，在js中控制的时候，需要替换成className；
《js控制html标签内容》
方法：
在搜索器之后.innerHTML然后给赋值就可以了
innerHTML的值可以是文字，也可以是标签代码！
注意：如果赋值的内容出现双引号和单引号冲突，那么需要修改外面的双引号为单引号；
【事件】
什么是事件？
当什么时候做什么事情，就是事件
《事件三要素》
事件源事件类型指令
事件源：就是触发事件的标签，可以是任意的标签；
事件类型：当什么什么时候；
指令：做什么事情，固定的规范就是需要一个函数进行包裹function(){指令}
《常用的事件类型》
onclick鼠标单击
ondblclick鼠标双击
onmouseover鼠标移上
onmouseout鼠标移开
注意：所有的与js有关的事件的类型，前面都有on；
《基本结构》
事件源.事件类型=function(){
指令
}
《js的书写步骤》
1.取数据（声明变量）
注意：把所有有关的标签元素都取出来；
2.绑定事件
注意：事件三属性：事件源事件类型指令
《颜色模式rgba》
一般情况下，我们给透明度是用opacity,但是ta有一个缺点就是，子级中所有的元素都会有透明效果，那么要想让子级中的元素不受到透明度的影响的话，需要用rgba这种颜色模式。
基本结构：background:rgba(0,0,0,1);
前三个值分别表示红绿蓝（rgb）三种颜色模式
最后一个值表示透明度1表示100%不透明0表示全透明
