js数组字符串BOMDOM常用单词

数组常用方法：

push:在数组的末尾添加元素，返回值是数组长度

pop:删除数组的末尾元素，返回值数组长度

unshift:在数组前面添加元素，返回值数组长度

shift:删除数组最前面的元素，返回数组长度

splice:splice(索引,个数,(新元素) //替换或删除数组元素 ,返回值被替换或删除的元素集合

reverse:反转数组，返回值原数组

sort:数组排序，升序：return a-b； 降序：return b-a;

concant:拼接多个数组，返回新数组

join:数组变字符串 join('连接符')

for,for in:遍历

 

 

ES5中数组常用方法：

indexOf:找到数组某元素的索引 返回值索引，没有为-1.

lastIndexOf:从后往前

forEach:遍历，相当于for

map:对数组中的每一项都可以操作，返回新数组

filter:按条件筛选数组，返回新数组

 

 

 

字符串常用方法：

charAt:charAt(索引)，按照索引找到内容并返回。若无则返回空字符串。

charCodeAt:charCodeAt(索引)，返回对应索引内容的编码

indexOf:返回内容的索引

lastIndexOf:从后往前

substring:substring(从那开始，到那结束)，包前不包后 //截取字符串

substr:substr(从那开始，截取多少个)， //截取字符串

toLowerCase:变小写

toUpperCase:变大写

slice:截取字符串 slice(从那开始，[到那结束])

split:字符串变数组 split('分隔符') 分隔符：字符串在那里断开

repeat:重复字符串，返回新的字符串

fromCharCode()：把传入的编码变成相应的字符

 

 

Math方法：

random()：随机取数字[0，1)

round()：四舍五入取整数 注意 : -x.5

abs()：取绝对值

ceil()：向上取整

floor()：向下取整

max()：取最大值

min()：取最小值

PI()：3.1415......

pow(x,y):x的y次方

 

 

数字转换进制：

toString()：toString(X):转成X进制

parseInt(要转换的字符串，当作几进制来转换)：将字符串转为十进制

 

Date的常用方法：

var time=new date()：当前时间

var time=new date('xxxx-xx-xx xx:xx:xx')：赋值时间年月日 时分秒

grtFullYear()：得到年

getMonth()：得到月份

getDate()：得到日期

getDay()：得到星期

grtHours()：得到小时

getMinutes()：得到分钟

getSeconds()：得到秒

getTime：距离格林威治时间的毫秒

 

 

BOM:

 

innerHeight:得到浏览器窗口的高度

innerWidth:得到浏览器窗口的宽度

 

alert()：弹出框

confirm()：询问框。确定为true，取消为false

prompt()：输入框

 

location.href()：存储的是浏览器地址栏内 url 地址的信息

location.reload()：页面重新加载

 

history.back()：返回上一个历史记录

history.forword()：返回下一个历史记录

 

navigator.userDgent()：浏览器的整体信息

navigator.appName()：浏览器的名称

navigator.appVersion()：浏览器的版本

navigator.plantform()：浏览器的操作系统

 

window.οnlοad=function(){}：页面所有资源加载完成后再加载

 

scrollTop：页面向上滚动的距离

scrollLeft：页面向左滚动的距离

 

setTimeout()：倒计时定时器

setInterval()：间隔定时器

定时器的返回值：页面中的第几个计时器

关闭定时器：clear(setTimeout) clear(setIntarval)

 

 

DOM:

 

getElementById()：通过id名获取元素

getElementsByClassName()：通过class名获取元素

getElementsByTagName()：通过标签名获取元素

querySelector：通过选择器的方式获取元素，只能获取一个，满足条件的第一个元素

querySelectorAll：满足条件的所有元素。

 

innerHTML：获取元素内部的HTML的

innerTEXT：获取元素的文本内容，只获取文本内容，不获取标签

getAttribute：获取元素的某个属性

setAttribute：设置元素的某个属性

removeAttribute：删除元素的某个元素

style：专门来添加css样式

className：用来操作元素的类名

 

元素节点：通过getElementBy...得到的都是元素节点

属性节点：getAttribute得到的都是属性节点

文本节点：innerText得到的都是文本节点

 

childNodes:获得某一节点的所有子节点

children:所有子一级的元素节点

firstChild:子一级的第一个节点

lastChild:子一级的最后一个节点

firstElementChild:子一级的第一个元素节点

lastElementChild:子一级的最后一个元素节点

nextSibling:某一个节点的下一个兄弟节点

previousSibling:某一个节点的上一个兄弟节点

nextElementSibling:某一个节点的下一个兄弟元素节点

previousElementSibling:某一个节点的上一个兄弟元素节点

parentNode:获取某一个节点的父亲节点

attributes:某一个元素节点的所有属性节点

 

nodeType：节点的类型

元素节点：1； 属性节点：2； 注释节点：3；

nodeName：节点的名称

元素节点：大写标签名； 属性节点：属性名； 注释节点：#text；

nodeValue：节点的值

元素节点：没有值； 属性节点：属性值； 注释节点：文本内容；

 

创建

createElement:创建一个元素节点

createTextNode:创建一个文本节点

 

加

appendChild:向某一个节点的末尾加一个节点

insertBefore:像某一个节点的前面加一个节点

 

删除

removeChild:删除某一节点下的节点

 

改

replaceChild:将页面中的某个节点替换掉

 

getComputedStyle：非IE浏览器使用的

window.getComputedStyle(元素).要获取的属性

.currentStyle：IE浏览器使用的

元素.currentStyle.要获取的属性

 

offsetLeft,offsetTop

获取左边和上边的距离；

没有定位的情况下：获取元素边框外侧到页面内侧的距离

有定位的情况下：获取元素边框外侧到定位父级边框内侧的距离（其实就是我们写的 left 和 top 值）

offsetWidth,offsetHeight

获取元素  内容宽高 + padding宽高 + border宽高  的和