本文分享了一些JavaScript常用的代码，有DOM操作、CSS操作、对象（Object对象、Array对象、Number对象、String对象、Math对象、JSON对象和Console对象）操作，值得收藏。

1. 本文适合有一些软件编程基础的人群学习观看；

2. 有前端基础(html/css)，准备进阶学习的，想成为web前端研发工程师的。

3. 已经在工作了，但是想精进自己JavaScript这一块能力的。

4. 专业的JavaScript内容讲解，从基础动效到原理剖析再到新特性理解学习服务端，像全栈迈步进击！

5. JavaScript学习交流群号：615496236；进群找管理员获取免费JavaScript课程学习链接，获取更多学习资料与视频，一起学习一起交流讨论。建立自己的技术体系和技

　一、节点

1.1 节点属性

Node.nodeName //返回节点名称，只读

1.2 操作

Node.appendChild(node) //向节点添加最后一个子节点

1.3 Document节点

1.3.1 Document节点的属性

document.doctype //

（1）读写方法

document.open() //用于新建并打开一个文档

（2）查找节点

document.querySelector(selectors) //接受一个CSS选择器作为参数，返回第一个匹配该选择器的元素节点。

（3）生成节点

document.createElement(tagName) //用来生成HTML元素节点。

（4）事件方法

document.createEvent(type) //生成一个事件对象，该对象能被element.dispatchEvent()方法使用

（5）其他

document.hasFocus() //返回一个布尔值，表示当前文档之中是否有元素被激活或获得焦点。

1.4 Element节点

1.4.1 Element节点的属性

（1）特性属性

Element.attributes //返回当前元素节点的所有属性节点

（2）尺寸属性

Element.clientHeight //返回元素节点可见部分的高度

（3）节点相关属性

Element.children //包括当前元素节点的所有子元素

1.4.2 Element节点的方法

（1）位置方法

getBoundingClientRect()

（2）属性方法

Element.getAttribute()：读取指定属性

（3）查找方法

Element.querySelector()

（4）事件方法

Element.addEventListener()：添加事件的回调函数

（5）其他

Element.scrollIntoView() //滚动当前元素，进入浏览器的可见区域

　二、CSS操作

（1）类名操作

//ie8以下

（2）style操作

element.setAttribute('style','')

　三、对象

3.1 Object对象

（1）生成实例对象

var o = new Object()

（2）属性

Object.prototype //返回原型对象

（3）方法

Object.keys(o) //遍历对象的可枚举属性

3.2 Array对象

（1）生成实例对象

var a = new Array()

（2）属性

a.length //长度

（3）Array.isArray()

Array.isArray(a) //用来判断一个值是否为数组

（4）Array实例的方法

a.valueof() //返回数组本身

3.3 Number对象

（1）生成对象

var n = new Number()

（2）Number对象的属性

Number.POSITIVE_INFINITY：正的无限，指向Infinity。

（4）Number对象实例的方法

toString() //用来将一个数值转为字符串形式.可以接受一个参数，表示输出的进制。如果省略这个参数，默认将数值先转为十进制，再输出字符串；否则，就根据参数指定的进制，将一个数字转化成某个进制的字符串。

3.4 String 对象

（1）生成实例对象

var s = new String()

（2）String对象的属性

s.length //返回字符串的长度

（3）方法

s.chatAt(index) //返回指定位置的字符

3.5 Math对象

（1）属性

Math.E：常数e。

（2）数学方法

Math.abs()：返回参数的绝对值

（3）三角函数方法

Math.sin()：返回参数的正弦

3.6 JSON对象

（1）方法

JSON.stringify()

3.7 console对象

（1）方法

console.log(text,text2,...) //用于在console窗口输出信息。它可以接受多个参数，将它们的结果连接起来输出。如果第一个参数是格式字符串（使用了格式占位符），console.log方法将依次用后面的参数替换占位符，然后再进行输出。