js常用方法

字符串

str.length  					字符串长度
str[i]   						第几个字符
str.indexOf("c") 				首次出现位置
str.split("|"); 				分割字符串，分完后是一个数组
str.substr(4,3) 				前者第几个开始截，第二个截多长，不写为全部
str.substring(4,6,'...'); 		从哪截，截到哪，左闭右开
str.startsWith("abc"); 			判断字符串是否以abc开头
str.endsWith() 					判断结尾
str.toUpperCase(); 				改成大写
str.toLowerCase(); 				改成小写

Math

Math.PI： 						圆周率
Math.E 							自然对数
Math.pow(x,y); 					次方运算
Math.sqrt(x);					开方运算
Math.abs(-x);					绝对值
Math.max(x,y);					找出较大的
Math.floor(x)					向下取整
Math.ceil(x)					向上取整
Math.round(x)					四舍五入取整
Math.sin(x/180*Math.PI) 		正弦函数 里面写弧度制的
Math.random()					生成一个随机数

数组

filter()
1.方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素
2.不会改变原始数组
arr.push(x);					添加一个元素在数组最后
arr.pop();						删除一个元素在最后 有返回值，为删掉的元素
arr.unshift(x); 				添加一个元素（最前边）
arr.shift();					删除一个元素（最前边）有返回值，为删掉的元素
arr.splice(2,1,4,4); 			删除插入元素，第一个值为第几个开始，第二个为删几个（0个为添加元素或者不删元素）后边的值为替换的新元素        结果是删除的数据
arr.slice(2,5); 				截取，第一个值为从哪开始（含），第二个值为截到哪（不含）
arr.indexOf(x) 					返回首次在数组中出现的位置，没有返回-1
arr.reverse(); 					顺序取反
arr.join("");					将数组元素拼接成字符串，可以通过参数指定分割符，不指定值为逗号
arr.concat(arr2);				将两个数组拼接在一起

日期和时间

获取当前日期和时间                                         
var xx = new Date(); 			首先调用date函数
var year = xx.getFullYear(); 	获取年
	     .getMonth();    		获取月
	     .getDate();     		获取日
	     .getDay();      		获取星期 周日为0
	     .getHours();    		获取小时
	     .getMinutes();  		获取分钟
	     .getSeconds();  		获取秒数
	     .getTime();     		获取事件戳，时间戳：从1970年1月1日00:00:00 到这个时刻所经过的毫秒数

DOM元素查找

document.getElementById("title"); 			获取DOMid值为title的元素对象
document.getElementsByClassName("line"); 	获取class是包含line的元素对象，返回值是一个类数组

document.querySelector(.line)				查询DOM中第一个符合选择器的元素对象
document.querySelectorAll("p");				查询DOM中所有符合选择器的元素对象,返回值是一个类数组

元素html属性修改

title为元素对象                                           
title.style.color = "red";  		修改样式
title.textContent  					修改元素内容 标签会显示
title.innerHTML    					修改内容  标签会被解析为元素对象
title.classList.add("c1"); 			添加class为c1
title.classList.remove("c1") 		删除clas为c1
title.classList.toggle("c1"); 		切换，有则删除，无则添加
link.href= "www.xxx.com";  			修改网址

元素创建，添加，删除

document.createElement("h1");   创建对象
.appendChild()                  在某个元素中添加子元素  
ul.insertBefore(li,li2);        为元素添加子元素，插入到另一个元素之前，第一个值为要添加的元素对象，第二个参数表示添加在谁之前
ul.remove();                    从DOM中删除这个元素
document.body.removeChild(ul);  删除元素对象的子元素

元素尺寸和位置及滚动事件

box.clientWidth                  元素的宽度
box.clientHeight                 元素高度
box.offsetWidth                  带边框的宽度
box.offsetHeight                 带边框的高度
box.offsetLeft                   相对于浏览器窗口的横向坐标
box.offsetTop                    相对于浏览器窗口的纵向坐标
/使用自身相对窗口的坐标减去父元素相对窗口的坐标可以得到自己相对于父元素的坐标
window.innerWidth                浏览器窗口的宽（工作区域，显示页面的区域）
window.innerHeight               浏览器窗口的高（工作区域，显示页面的区域）
window.outerWidth                整个浏览器窗口的宽度
window.outerHeight               整个浏览器窗口的高度
box.scrollTop                    表示元素纵向的滚动偏移量
box.scrollHeight                 表示元素的内容高度

表单元素属性和事件

onfocus                         元素获得焦点时
onblur                          元素失去焦点的事件
oninput                         当输入框中的内容发生编辑时触发
onchange						当列表选中内容发生变化时触发

鼠标事件

onmouseenter 			当鼠标指针进入元素时触发
onmouseleave			当鼠标指针离开元素时触发
onmousemove				当鼠标指针在元素中移动时触发，属于频繁出发的事件
onmousedown				在鼠标按键被按下时发生
onmousewheel			在滚轮滚动时发生