多重条件判断语句
if语句
语法三：
if(条件表达式){
语句...
}else if(条件表达式){
语句...
}else if(条件表达式){
语句...
}else{
语句...
}
if...else if...else
当该语句执行时，会从上到下依次对条件表达式进行求值判断
如果值为true，则执行当前语句。
如果值为false，则继续向下判断。
如果所有的条件都不满足，则执行最后一个else后的语句
该语句中，只会有一个代码块被执行，一旦代码块执行了，则直接结束语句
条件分支语句也叫switch语句
语法：
switch(条件表达式){
case 表达式:
语句...
break;
case 表达式:
语句...
break;
default:
语句...
break;
}
执行流程：
switch...case..语句
在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较，
如果比较结果为true，则从当前case处开始执行代码。
当前case后的所有的代码都会执行，我们可以在case的后边跟着一个break关键字，
这样可以确保只会执行当前case后的语句，而不会执行其他的case
如果比较结果为false，则继续向下比较
如果所有的比较结果都为false，则只执行default后的语句
switch语句和if语句的功能实际上有重复的，使用switch可以实现if的功能，同样使用if也可以实现switch的功能，所以我们使用时，可以根据自己的习惯选择。
数组
数组常用方法
var aRr = [1,2,3,4];
//用-连接数组元素并转为字符串
//var sTr = aRr.join("-");//用-连接数组元素并转为字符串，弹出1-2-3-4
// var sTr = aRr.join('');//用空串连接
// alert(sTr);//弹出1234
//向数组最后追加元素
// aRr.push(5);
// alert(aRr);//1,2,3,4,5
//删除末尾元素
// aRr.pop();
// alert(aRr);//1,2,3
//向最前面插入元素0
// aRr.unshift(0);
// alert(aRr);//0,1,2,3,4
//删除第一个（索引为0的）元素
// aRr.shift();
// alert(aRr);//2,3,4
//反转
// aRr.reverse();
// alert(aRr);//4,3,2,1
//查找字母'b'第一次出现的索引
var aRr2 = ['a','b','c','d','a','b','c','d'];
var num = aRr2.indexOf('b');
// alert(num);//1
//从第2索引元素开始，删除1个元素
// aRr2.splice(2,1);//删除c
// alert(aRr2);//a,b,d,a,b,c,d
//从第2索引元素开始，删除1个元素，再插入e
// aRr2.splice(2,1,'e');//把c替换成e
// alert(aRr2);//a,b,e,d,a,b,c,d
//删除后面的abcd，改为fghi
aRr2.splice(4,4,'f','g','h','i');
alert(aRr2);//a,b,c,d,f,g,h,i
通过标签获取元素
window.onload = function(){
// //获取页面上所有的li
// var aLi = document.getElementsByTagName('li');
//获取id为list01的ul
var oList = document.getElementById('list01');
//再获取这个ul下的所有li
var aLi = oList.getElementsByTagName('li');
alert(aLi.length);//8
// aLi.pop();//错误用法，aLi是一个类似数组的选择集，没有数组通用的一些方法
aLi[0].style.backgroundColor = 'gold';
aLi[1].style.backgroundColor = 'gold';
}
循环语句
循环语句：
通过循环语句可以反复的执行一段代码多次
while循环
- 语法：
while(条件表达式){
语句...
}
- while语句在执行时，
先对条件表达式进行求值判断，
如果值为true，则执行循环体，
循环体执行完毕以后，继续对表达式进行判断
如果为true，则继续执行循环体，以此类推
如果值为false，则终止循环
do...while循环
- 语法：
do{
语句...
}while(条件表达式)
- 执行流程：
do...while语句在执行时，会先执行循环体，
循环体执行完毕以后，在对while后的条件表达式进行判断，
如果结果为true，则继续执行循环体，执行完毕继续判断以此类推
如果结果为false，则终止循环
实际上这两个语句功能类似，不同的是while是先判断后执行，
而do...while会先执行后判断，
do...while可以保证循环体至少执行一次，
而while不能
for语句，也是一个循环语句，也称为for循环
在for循环中，为我们提供了专门的位置用来放三个表达式：
1.初始化表达式
2.条件表达式
3.更新表达式
for循环的语法：
for(①初始化表达式;②条件表达式;④更新表达式){
③语句...
}
for循环的执行流程：
①执行初始化表达式，初始化变量（初始化表达式只会执行一次）
②执行条件表达式，判断是否执行循环。
如果为true，则执行循环③
如果为false，终止循环
④执行更新表达式，更新表达式执行完毕继续重复②
任意一种循环都可以互相嵌套
数组去除
字符串处理的方法
/*字符串切断转成数组*/
var sTr = '2018-06-20';
var aRr = sTr.split('-');
// alert(aRr);//2018,06,20
// console.log(aRr);
var aRr2 = sTr.split('');
// console.log(aRr2);
/*实际上就是修改了<title>标签的内容*/
// document.title = aRr2;
var sTr2 = '#div1';
var sTr3 = '.div1';
/*获取指定索引的字符*/
var sTr4 = sTr2.charAt(0);
if(sTr4 == '#'){
// alert('id选择器');
}
/*查看子串第一次出现的位置*/
var sTr5 = 'Microsoft Yahei';
var num = sTr5.indexOf('Yahei');
// alert(num);//10
var num2 = sTr5.indexOf('xihei');
// alert(num2);//没有找到就弹出-1
/*substring截取子串*/
//从10开始，截到15（包括开始位置，不包括结束位置）
// var sTr6 = sTr5.substring(10,15);//Yahei
//从10开始截取到末尾
var sTr6 = sTr5.substring(10);//Yahei
// alert(sTr6);
/*全部转为大写字母*/
// alert(sTr6.toUpperCase());//YAHEI
/*全部转为小写字母*/
alert(sTr6.toLowerCase());//yahei
字符串反转
定时器弹框
.pop{
width: 400px;
height: 300px;
background-color: #fff;
border: 1px solid #000;
/*固定定位*/
position: fixed;
/*左上角位于页面中心*/
left: 50%;
top: 50%;
/*让div向左偏移半个宽度、向上偏移半个高度，使div位于页面中心*/
margin-left: -200px;
margin-top: -150px;
/*弹窗在最上面*/
z-index: 9999;
}
/*遮罩样式*/
.mask{
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
left: 0;
top: 0;
/*设置透明度30%*/
opacity: 0.3;
filter: alpha(opacity=30);/*兼容IE6、7、8*/
/*遮罩在弹窗的下面，在网页所有内容的上面*/
z-index: 9990;
}
.pop_con{
display: none;/*默认不显示，用定时器显示*/
}
setTimeout 只执行一次的定时器
clearTimeout 关闭只执行一次的定时器
setInterval 反复执行的定时器
clearInterval 关闭反复执行的定时器
定时器的基本用法
定时器动画
