数组字符串BOMDOM的一些常用方法

字符串方法：

==indexOf（searchstr，index）：==返回某个指定的字符串在另一个字符串中首次出现的位置

==lastIndexOf（searchstr，index）：==返回某个指定的字符串在另一个字符串中最后一次出现的位置

==substring（start，end）：==从下标start位置开始截取，到end结束

==slice（start，end）：==从下标start位置开始截取，到end结束

==substr（start，length）：==从下标start开始截取，截取length个

==toLowerCase（）：==将字符串都转换成小写

==toUpperCase（）：==将字符串都转换成大写

==split（分隔符，数组长度）：==将字符串按特殊的标记分割成数组

==replace（被替换的字符串，替换的字符串）：==一次只能替换一个

数组方法：

==push（）：==在数组末尾添加任意多个元素，返回值是数组的长度

==pop（）：==从数组末尾删除最后一项，返回值是删除的元素

==unshift（）：==在数组首部添加任意多个元素，返回值是数组的长度

==shift（）：==从数组首部删除第一项，返回值是删除的元素

splice（start,deleteCount,items）：

​ 一个参数start：从下标为start的位置开始删除，删除到末尾

​ 二个参数start，deleteCount：从下标为start的位置开始删除，删除2个

​ 三个参数start,deleteCount,items：使用items里的元素替换被删除的那个元素

==sort（）：==排序

​ sort（function（a,b）{

​ return a-b 升序排列

​ return b-a 降序排列

​ }）

==join（）：==将数组按特定的标记组成字符串，默认是逗号

==concat（）：==将多个数组组成一个数组返回

==reverse（）：==反转数组项的顺序

==every：==针对数组元素做些判断，结果都为true，返回的结果为true

==some：==针对数组元素做些判断，结果有一个为true，返回的结果为true

==filter：==针对数组元素做些判断，满足条件的元素会被组成一个新的数组并返回

==map：==按特定的形式遍历数组，返回一个新的数组

==forEach：==没有返回值，就是一个简单的循环

数学方法：

Math.floor（）： 向下取整

==Math.ceil（）：==向上取整

==Math.round（）：==四舍五入

==Math.max（）：==最大值

==Math.min（）：==最小值

==Math.pow（）：==次方

==Math.sqrt（）：==开根号

==Math.abs（）：==绝对值

==Math.random（）：==随机数

DOM语法:

1.获取子节点：

​ 父节点.children 非标准属性 获取父节点中的子元素（标签） 元素集合

​ 父节点.childNodes 标准属性 获取父节点中的所有子节点(标签，文本，注释) 节点列表 nodeList

2.获取父节点

子节点.parentNode : 获取直接父节点

子节点.offsetParent ： 获取定位父节点，没有定位父节点获取到body

3、获取其他节点

​ 首：父节点.firstElementChild || 父节点.firstChild
​ 尾：父节点.lastElementChild || 父节点.lastChild
​ 上一个：参考节点.previousElementSibling || 参考节点.previousSibling
​ 下一个：参考节点.nextElementSibling || 参考节点.nextSibling

4、创建节点
创建标签节点：document.createElement(‘标签名’)
创建文本节点：document.createTextNode(‘文本内容’)

5.添加节点
在父元素的末尾追加：父节点.appendChild(子节点)
在某个元素之前加入：父节点.insertBefore(newChild,refChild)

​ 注意：子节点必须是一个标签，不能放字符串，如果添加已经存在的标签，移动位置

6、删除
删除节点本身：节点.remove(); //ie8不兼容
删除子节点： 父节点.removeChild(要删除的子节点)

7、替换
父节点.replaceChild(newChild[替换的],refChild[被替换的])

8、复制
要复制的节点.cloneNode(布尔值)
默认是false：只复制标签，不复制内容
true：复制标签和内容

9、获取标签
document.querySeletor(‘css选择器’) ： 获取到当前选择器选中标签的第一个
document.querySeletorAll(‘css选择器’) 获取到当前选择器选中的所有标签
注意：兼容ie8+
获取的标签存在就可以获取到，后面添加的不能动态获取

10、操作属性节点
获取：节点.getAttribute(‘属性名’)
设置：节点.setAttribute(‘属性名’,‘属性值’)
可以获取写在行间的自定义属性

BOM语法：

1.client系列：
标签的可视宽高： 标签.clientWidth/Height 内容+padding
屏幕的可视宽高： document.documentElement.clientWidth/Height

2.offset系列：
标签的占位宽高：标签.offsetWidth/Height 内容+padding+border
元素位置：
标签.offsetTop : 当前元素的顶部，到定位父元素的距离，如果没有定位父元素获取到body的距离
标签.offsetLeft: 当前元素的左边，到定位父元素的距离，如果没有定位父元素获取到body的距离

3.scroll系列：
onscroll ： 滚动事件
滚动的距离：document.documentElement.scrollTop||document.body.scrollTop

==onresize :==当屏幕大小发生变化的时候调用

表单事件：

​ *form.onsubmit : 表单提交事件，在表单提交的时候被触发
​ return true：允许提交
​ return false ： 禁止提交
​ ==form.onreset :==表单重置事件，在表单重置的时候被触发
​ return true : 允许重置
​ return false : 禁止重置

​ ==input.onfocus :==获得焦点事件
​ *input.onblur : 失去焦点事件
​ input.onchange : 失去焦点以后，如果和之前的值不一样了，触发

​ *input.oninput : 在输入框中输入内容时触发 ie8不兼容
​ input.onpropertychange 兼容ie

表单方法：

​ oForm.submit(); 提交方法
​ oForm.reset();

​ *oInput.focus(); 获取焦点
​ oInput.blur(); 失去焦点

​ ==oForm.userName.select():==设置默认选中