JS关于对象，DOM获取元素，js设置样式，流程语句

一、内置对象
1.1Math(数学对象)

Math.ceil(-1.1)向上求整 -1 
Math.floor(-1.1)向下求整 -2 
Math.round(4.6)四舍五入 5 
Math.random()随机数 [0,1)之间的小数
 求0-99之间的随机数 Math.floor(Math.random()*100)->[0,99.xxxx]->

1.2Date(日期对象)

var now=new Date();//实例化当前的日期对象 now.getFullYear(); ..... 
请查看课件记忆获取年份、月、日、时分、星期几
getDay() 返回一周中的第几天(0-6)
　　getYear() 返回年份.2000年以前为2位,2000(包含)以后为4位
　　getFullYear() 返回完整的4位年份数
　　getMonth() 返回月份数(0-11)
　　getDate() 返回日(1-31)
　　getHours() 返回小时数(0-23)
　　getMinutes() 返回分钟(0-59)
　　getSeconds() 返回秒数(0-59)
　　getMilliseconds() 返回毫秒(0-999)

1.3Array(数组对象)

var arr=[]; var arr=new Array(); arr[0]=10; arr[1]=20; 

数组前添后删 
arr.unshift(5);前面添加 
arr.push(6);尾部追加
arr.pop();删除最后一位
arr.shift();删除前面第一位 数组删除指定一个元素 

arr.splice(开始删除的索引号，删除的长度) 
 var arr=[10,20,30,40];
arr.splice(2,1) 
  数组转换字符串
arr.join() 
  
var arr=['h','e','l','l','o'];
// var str=arr.join();
 console.log(str)

1.4String(字符串对象)

字符串截取 
字符串变量.substr(开始截取的索引号，截取长度) 比如下面的代码：
var str='hellowd';
var res=str.substr(0,5); 
console.log(res);
字符串切割成数组
 字符串变量名.split('分隔符') 
 比如下面的代码：
  var str='h,e,l,l,o';
  //['h','e','l','l','o'] 
  var res=str.split(',');
  console.log(res);

二、js获取DOM元素的几种方式

document.getElementById("id的名字") 获取的是一个
document.getElementsByTagName("标签的名字") 获取的是数组
document.getElementsByClassName("类的名字") 获取的是数组
document.querySelector("标签名或者id或者类名") 获取的是一个
document.querySelectorAll("标签名或者id或者类名") 获取的是数组

三、js设置样式

```html

通过上面的某一种方式获取标签，然后利用下面的语法设置样式 
获取的是单个标签的语法
 document.getElementById("id的名字").style.属性名=‘值’；
 比如： document.getElementById("id的名字").style.width=‘100px’； 
 document.getElementById("id的名字").style.height=‘100px’； 
 document.getElementById("id的名字").style.backgroundColor=‘red’；
注意一个单词和两个单词的写法
  获取的是标签数组的语法 
  document.querySelectorAll("标签名或者id或者类名").style.属性名=‘值’；这样写是错误的，数组不能直 接.style 
 应该这样写比如：
  var arr=document.querySelectorAll("标签名或者id或者类名"); for(var i=0;i<arr.length;i++){
 arr[i].style.width=‘100px’； arr[i].style.height=‘100px’； arr[i].style.backgroundColor=‘red’； }注意一个单词和两个单词的写法

``
四、流程语句

4.1条件语句
4.1.1if语句

if(){ 
}

var score=80;
 if(score>60){ 
 console.log('及格了'); 
 }else
 console.log('不及格');
  }

if(){ 
}else if(){ 
}else{ 
}

4.1.2switch语句

varday=1;
switch(day){
	case 1:
	document.write('星期一');
	break;
	case 2:
	document.write('星期二');
	break;
	default:
	document.write('上面都不满足的结果');
	break;
	}
	
	
	

4.2循环语句
4.2.1for循环

for(初识值;临界值;累加/累减){ 
重复执行的代码;
 }

比如输出1-10之间的所有的数

for(var i=1;i<=10;i++){ 
console.log(i); 
}

比如输出2-10之间的偶数

for(var i=2;i<=10;i=i+2){}

或者

for(var i=2;i<=10;i+=2){}//每次累加2
for(var i=2;i<=10;i*=3){}//每次累成3

或者

for(var i=1;i<=10;i++){
if(i%2==0){
console.log(i); } 
}

4.2.2while循环

while(条件){
 重复执行的代码; 
 }

for(var i=1;i<=10;i++){
 console.log(i); 
 }改造如下：
  var i=1; while(i<=10){ 
  console.log(i); i++; 
  }

4.2.3do while循环

do{
 重复执行的代码;
  }while() 
  改造一下;
   for(var i=1;i<=10;i++){ 
   console.log(i); 
   }var i=1; do{
    console.log(i); i++;
     }while(i<=10);

五、数组
5.1、数组定义
5.1.1定义空数组

var arr=[];//定义空数组的第一种方式
 var arr=new Array();//定义空数组的第二种方式

5.1.2数组赋值

var arr=[];//定义空数组 
arr[0]=10;//把数字10赋值到数组索引为0的位置上 arr[1]=20;//把数字20赋值到数组索引为1的位置上 
.....//以此类推

5.1.3数组求和

var arr=[10,20,30,40];//定义一个数组，存储10、20、30、40这几个数字 
var sum=0;//定义一个变量sum来代表我们后期要计算的和，起什么名字都行，初识值给0，代表没加任何数
 for(var i=0;i<arr.length;i++){
  sum+=arr[i];//每一个数字累加固定用法
   }

console.log(‘数组的和是’+sum);
5.1.4求数组平均数

var arr=[10,20,30,40];////定义一个数组，存储10、20、30、40这几个数字 
var sum=0;//定义初识值
 for(var i=0;i<arr.length;i++){ 
 sum+=arr[i]; 
 }
 var avg=sum/arr.length;//arr.length是一个求数组个数的固定用法 
 console.log('数组的平均值是'+avg);

5.1.5求数组最大值

var arr=[10,20,30,40];//定义数组
 var max=arr[0];//假设第一个是最大值
  for(var i=0;i<arr.length;i++){
   if(arr[i]>max){ 
   max=arr[i];//把刚取到比较大的值赋值到max变量中 =是把右边的值赋值给左边的变量，固定用法
    } 
    }
    console.log('数组中的最大值是'+max);

5.1.6求数组最小值

var arr=[10,20,30,40];//定义数组
 var min=arr[0];//假设第一个是最小值
  for(var i=0;i<arr.length;i++){
   if(arr[i]<min){
    min=arr[i];//把刚取到比较小的值赋值到min变量中
     } 
     }console.log('数组中的最小值是'+min);