window.onload = function()

网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，为了避免这种情况的发生，可以使用以下两种方式:
一.将脚本代码放在网页的底端，这样在运行脚本代码的时候，可以确保要操作的对象已经加载完成。
二.通过window.onload来执行脚本代码。

scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ，即左边灰色的内容。

scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ，即上边灰色的内容。

offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。

offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。

body相对于html有一个默认的margin 8px

documentElement.offsetHeight 在chrome中是html文档大小，对应html的高度，为8px（由于默认margin的存在）(由于body高度为0，margin-top与margin-bottom重合）

body.offsetHeight在chrome中是body文档大小，对应body的高度，由于无内容，body为0px

offsetHeight = documentElement.offsetHeight || body.offsetHeight = 8 || 0 = 8 px

（注意，这里不是或运算，而是逻辑短路。这也就意味着如果documentElement.offsetHeight不为0，其结果就是documentElement.offsetHeight，否则为body.offsetHeight。）

这就是为什么offsetHeight会变成8px。经过测试，如果在中间添加一个有height的div，documentElement.offsetHeight会比body.offsetHeight大16。（margin-top+margin-bottom）

而documentElement.clientHeight与documentElement.scrollHeight在chrome中都是视口大小。。。

body.clientHeight与body.scrollHeight都是body的文档大小，为0px

宽度同理，但由于宽度默认是100%的，所以一开始就有16px的差值。由于或运算的存在，最后得到的都是documentElement.offsetHeight，也就是视口大小，在你这里就是370px，而body.offsetHeight应该为370px-16px=354px。在这里 Width = 370 || 354 = 370. 

以上只针对chrome，其他内核的浏览器如火狐，IE8是不同的，请自行测试。

二维数组，我们看成一组盒子，不过每个盒子里还可以放多个盒子。

clientHeight
大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

offsetHeight
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

scrollHeight
IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。
NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeigh

https://blog.csdn.net/xiebaochun/article/details/38382169

createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。

语法：

document.createTextNode(data)

innerhtml 标签内的所有html代码

innertext 标签内的文本

value 是表单特有的

width

height

replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 

语法：

node.replaceChild (newnode,oldnew )

删除节点removeChild()
nodeObject.removeChild(node)

insertBefore() 方法可在已有的子节点前插入一个新的子节点。

语法:

insertBefore(newnode,node);

参数:

newnode: 要插入的新节点。

node: 指定此节点前插入节点。

webstorm是前端利器

定义一个变量不初始化的话，默认值为NaN

NaN加上任何值都是NaN

reverse()方法改变了原数组本身

substring-从开始位置到结束位置

substr-开始位置和长度

startpos是闭区间，索引包括startpos本身