javaScript基础学习
《js的作用》
1.制作网页中的功能；
2.制作网页中的动画；
3.制作网页中的交互；
4.对网页中的前端数据进行验证；
总结：Js的本质就是控制web前端标准中的结构和样式。
《函数的定义》
什么是函数：
函数是实现网页中的功能，简单的说就是 函数就是功能，功能就是函数。
《函数的基本结构》
fn();
fn 表示函数的名称（可以自定义的）；
() 表示执行fn这个函数；
; 表示执行结束；
注意：所有的括号和分号都是半角英文的！！！如果不对，函数是不会执行的；
《js的书写位置》
Css的书写位置是在head标签中书写一个 这样的环境，在js中仍然也需要一个环境,但是 这个标签必须放在body的最下面，或者在html的下面
或者
注意中英文区分：
《js里面的注释》
/**/ 这种是多行注释 注释内容放在群星环绕中
// 单行注释 注释内容写在//之后
《js中的内置函数》
alert(“参数”);
警示框
alert中可以有参数，也可以没有参数
注意：参数可以是加引号的（“死的”）也可以是不加引号的（“活的”，比如说数字）
prompt(“参数1”,”参数2”);
表示 提示框
参数1 表示提示框的标题
参数2表示提示框的内容（专业的叫法：举例文本）
注意：
1.可以为一个参数，也可以为两个参数；
2.如果是只要第二个参数的话， 需要第一个参数也写上，内容为空；
《对象》
什么是对象？
对象就是一个功能组！！！
万物皆对象！
《文档对象》
控制网页中文档的功能组
document 文档
对象的直接翻译就是document,在js中文档对象的表示方法就是document， 主要作用就是控制文档的功能！！！
书写：
document. 要想找文档对象中的内容只需要在document之后打 “.” 就可以了。
《文档对象搜索》
document.getElementById(“Id”);
这种大小写的命名方,俗称“驼峰式命名法” “匈牙利命名法”。
《变量》
什么是变量?
变量就是一个可以储存任何数据的容器 （就相当于我们的div）
注意：
1.变量的名称基本和class的命名方式规则类似；
2.变量中储存的数据可以是任意的（可以是“死的”,也可以是“活的”）；
3.变量的使用原则：先声明后使用，否则会报错！
《变量的基本结构》
var k=v;
var 表示声明（定义）变量（必须为var，不能用其他代替）
K 表示声明的变量的名称（可以为任意名称）
= 表示赋值
V 表示变量中存储的内容（可以为任意内容）
; 表示声明变量结束符号
注意：
4.通过js来修改的css作用在文档标签身上，其权重最高！
5.如果修改的CSS中有破折线，需要修改为“驼峰式”命名
margin-top -----> marginTop
总结：
1.声明一个变量，然后再文档中搜索到需要修改的标签
var oBox=document.getElementById(“Id”);
2.再声明的变量之后， 打"."style，就进入了样式修改
oBox.style；
3.修改样式里面的内容,在再之后 打点，修改要修改的样式名称 oBox.style.width=”10px”; 赋值用等号。
【js控制HTML标签属性】
Html标签属性都所有什么？
Src,type,value,title,href., class…
步骤：
1.声明一个变量，然后再文档中搜索到需要修改的标签
var oBox=document.getElementById(“myId”);
2.因为标签属性是直接书写在标签身上的，所以直接在声明的变量之后打"."就只可以直接控制修改了；
注意：标签属性中的class要修改的话，要把class变为className
【js控制html标签内容】
1.声明一个变量，然后再文档中搜索到需要修改的标签
var oBox=document.getElementById(“Id”);
2.在声明的变量之后.innerHTML，然后给赋值就可以了；
注意：
1.在innerHTML之后赋的值 可以为文本 ，也可以为HTML标签。
2.注意在单双引号的区分，当内部有双引号和外部的双引号冲突时，把外部的双引号修改为单引号；
《事件三要素》
事件源 事件类型 指令
事件源：触发事件产生的源头，一般是HTML标签
事件类型：当什么时候
指令：做什么事情，一般都会把指令放在一个函数中function(){}
函数的基本结构：
function(){
指令
}
注意： 这里的 function 不能用其他单词代替
《事件类型》
onclick 鼠标单击
ondblclick 鼠标双击
onmouseover 鼠标移上
onmouseout 鼠标离开
注意：所有的与js有关的事件的类型，前面都有on；
《js的书写步骤》
1.取数据声明变量
2.绑定事件
变量名称（事件源）.事件类型=function(){
指令
}
《背景透明rgba》
一般做背景透明的方式有两种：
1.background:#000; opacity:0.5;
2.Background:rgba(0,0,0,0.5);
区别：opacity这种方式做透明效果的话，里面的所有元素都会有透明效果，rgba的方式只会给当前的元素产生透明效果。
《结构》
rgba(0,0,0,0.5) 四个参数,每个参数之间用英文逗号隔开
r第一个值表示红色0-255
g第一个值表示绿色0-255
b第一个值表示蓝色0-255
a表示透明度alpha 数值范围0-1，可以为小数；
《js的书写位置》
在css中，样式的书写有三种，在我们js中也有三种
1.内嵌式： 直接书写在HTML文档中的body的最后面或者在html的最后面，需要一个环境），书写完毕之后，在html中引入即可（注意区分和css的不同）
3.行内式：直接在html标签身上进行书写，不需要任何”环境”（必须有事件触发，直接书写事件类型，指令）
注意事项：
1.在js中，代码的执行顺序是严格按照从上到下执行的！！！
2.在js中，不存在“权重”问题，只和执行顺序有关！
3.在书写行内式的时候，只需要书写事件类型和指令就可以了，没有事件触发是不能写在行内式中；
4.不管什么书写方式，相同的事件（变量），后面书写的会覆盖前面；
《动态添加删除文本》
思想：
正常通过.innerHTML添加文本
删除仍然通过.innerHTML，只需要给后面的值为 空 即可
《数据类型》
在js中数据类型共有5种：
1.数字型（数值型）： 名称：number 特点：就是所有的数字，包括小数和整数
2.字符型（字符串型）： 名称：string 特点：只要是在引号里面的内容（死的内容）都是是字符型
3.布尔型：名称：boolean 特点：只有两个值 true 和false true表示真的，对的， false假的，错的
4.对象型：名称：object 特点：在js中对象是最庞大的数据类型，我们使用最多的就是文档对象
5.未定义型： 名称：undefined 特点 ：没有定义，就使用
《在文档中书写内容》
document.write(“内容”);
内容可以为一段文本，也可以为html标签
知识点：
在js中，在不同的数据类型之间+表示连接的意思（连接符）
《数据类型相关函数》
typeof(data); 表示检测数据类型， data表示数据
parseInt(data); 表示将数据中的内容转为数值型的数据（整数）
parseFloat(data); 表示将数据转换为数值型的数据（小数或者整数）
《自定义函数》
简介：js中有大量的内置功能（函数），除此之外我们也可以自己定义函数；
自定义函数：
- 在js中可以通过变量存储匿名函数的方式进行自定义函数；
- 也可以通过函数表达式自定义函数；
《匿名函数》
什么是匿名函数？
没有名字的函数就叫匿名函数
《匿名函数的基本结构》
定义：
var name=function(){
指令
}
使用：
name();
name 表示的是变量的名称，我们只是把一个函数作为一个变量的值赋予这个变量名而已；
Function(){} 函数的基本结构，里面没内容的指令，叫空指令
《函数的参数》
Var name=function(a,b){
指令
}
Name(参数1,参数2);
定义的时候function小括号中的a b 这种参数叫 “形参”（形式上的参数），名字可以任意取（遵守命名规则）
调用的时候的参数是“实参”（实际的参数） 这里的值必须是真实有效的值
注意：
匿名函数中，和定义变量是一样的， 遵守先定义后使用，具体体现在 ：在函数function中，小括号中的参数如果不存在，那么指令中就不能使用！
《函数表达式》
简介：通过函数表达式自定义函数是一种更为专业的方式；
基本结构：
function fn(a,b){
指令
}
fn(参数1,参数2);
Function之后的fn为函数表达式的函数名称（名称可以随意定制,不要和关键词重复）
小括号，俗称 参数集
第一个小括号里面内容是 形参
第二个fn小括号里面的 是实参
《程序结构》
什么是程序？
程序是一大堆数据和处理这些数据的指令。
在任何程序中都具备两大模块：数据模块 和 指令模块
在js中，定义在script标签下面（直接子级）的变量 叫做全局变量
比如：
定义在函数里面的变量叫做局部变量
注意：
1.局部变量和全局变量的区别：
全局变量作用范围是整个js标签内部所有
局部变量只存在于函数内部,如果外部要使用局部变量的结果，必须要return 这个局部变量
2.在一个函数中，返回值只有1个，一旦return， 函数就结束了；
3.如果一个指令执行完之后需要保留结果，需要return 这个结果，否则这个结果会被销毁掉；
《选择ID函数》
思想：
我们可以把最常用的功能，封装成一个函数，使用的时候直接调用就可以了（注意一定要有返回值）；
知识点：
console.log(data);
在控制台打印出要显示的内容 使用方法和alert();一样，只不过alert是在浏览器中弹出警示框，还有就是alert弹框的时候，不点击处理，其后面的内容不执行，console.log则不受这个限制！
《条件判断语句》
判断语句是我们在js中使用最多的语句，也叫分支语句。
《单项判断》
基本格式：
if(){}
if 表示判断的关键词（固定不变的）
() 表示判断的条件（如果）
{} 指令（判断的结果）
表示：如果条件成立，那么执行指令，如果条件不成立，那么指令不执行。
《双项判断》
如果条件成立， 那么执行当前指令，如果条件不成立，那么执行另外的指令
基本格式：
If(条件){指令1}else{指令2}
if 表示判断的关键词（固定不变的）
() 表示判断的条件（如果）
{} 指令（判断的结果）
如果条件成立， 那么执行指令1， 如果条件不成立，那么执行指令2
《多项判断》
如果条件1成立，那么执行指令1，否则如果条件2成立，那么执行指令2，否则在如果条件3成立，那么执行指令3.。。。。（如果都不成立）否则执行指令n；
if(条件1){指令1}else if(条件2){指令2}else if(条件3){指令3} … else{指令n}
else if 表示否定前面的语句，再给出的一个条件if（又如果），最后一个else是没有条件的。
注意
if(){}if(){} 和if(){}else if(){}else if(){}else{}
前者表示两个if语句都会执行，后者因为有了else 所以，else前面的语句执行了，后面的就不会执行，如果else前面的没有执行，那么才会执行else之后的内容；
【运算符】
《比较运算符》
大于 >
小于 <
等于（一个等号表示赋值）==
小于等于（小于或者等于只要一个满足就可以）<=
大于等于 >=
不等于 （注意英文感叹号）!=
注意：所有的比较运算符都会有一个结果 ，所有的结果只有两个 true和false
《逻辑运算符》
逻辑运算符一般都会和比较运算符配合使用。
或 且 非
|| 或 （表示只要有一个满足就可以）
&& 且（表示所有的条件都要符合才可以）
! 非（否定当前的“事实” 可以“颠倒黑白” 英文）
《数学运算符》
/
++ 表示自身+1 （num++ 就相当于num=num+1 相当于num+=1）
– 表示自身-1（num-- 就相当于num=num-1 相当于num-=1）
+= 表示加完之后的结果赋给自己 （num+=5 相当于num=num+5）
-= 表示减完之后的结果赋给自己