1、document的相关属性介绍，下列方法都是元素的方法属性：
1）childNodes：表示元素的子节点，此属性有兼容性问题，配合NodeType使用（1：代表标签，3：代表文本节点），FF下空文本行也计算为子节点；
2）children：是childNodes的兼容版本，不包含空字符串节点；
3）parentNode：获取父节点元素（无兼容问题）；
4）offsetParent：获取元素相对于谁定位的父元素；
5）firstChild：第一个子节点，此属性有兼容问题，只可以在IE下使用；
firstElementChild：第一个子节点元素，只可以在FF下使用；
lastChild、lastElementChild最后一个子元素，原理同上；兼容处理方法如下：
var childNodeOne=oul.firstChild || oul.firstElementChild;通过此种写法获取第一个子元素。
6）nextSibling、nextElementSibling：获取下一个兄弟节点；previousSibling、previousElementSibling：获取上一个兄弟节点；
7）setAttribute('属性名','属性值'); 通过此方法设置元素的属性值；
getAttribute('属性名'); 通过此方法获取元素的属性值；
removeAttribute('属性名'); 通过此方法移除掉元素的属性。
2、匹配所有标签使用*，* { margin: 0px; padding: 0px;}，使用此样式可以去掉页面中的内边距、外边距，但是此方法效率比较低。
3、BOM基础：
1）使用window.open(参数1,参数2,参数3)；方法可以打开一个新的页面；
参数1：是一个url，例如写“about:blank”值作为第一参数，表示打开一个新的空白页；
参数2：表示打开窗口的方式，默认不写，为_blank值，新的窗口中打开页面，_self：表示在当前窗口中打开url页面；
参数3：可以参考http://www.w3school.com.cn/jsref/met_win_open.asp。
2）document.write("");此方法可以清空当前页面，并输出空白页。
3）window.close();此方法用户关闭当前窗口；
A：IE下关闭非脚本打开的窗口会有是否关闭的提示；
B：谷歌下无提示直接关闭；
C：FF下无反应提示错误（不允许关闭非脚本打开的窗口）；
D：上述用脚本打开的页面可以正常关闭。
4）window.navigator.userAgent：获取当前浏览器的版本信息。
5）window.location：获取或设置当前页面的地址（网址）。
6）提示对话框：alert('提示信息');
确认对话框； confirm('确认信息'); 返回值是true和false；
prompt('提示信息',默认值); 返回值输入的信息或null。
7）事件对象获取的兼容性写法：
function test(ev){
var oElement=ev||event;
};
8）事件冒泡：子集元素发生事件后会向上传递，祖先级元素的相同事件也会被触发；例如子元素按钮触发了点击事件后，父级元素的点击事件也会被触发；
解决事件冒泡的方法是，通过7中所说的事件对象，设置cancelBubble的属性为True，即可解决事件冒泡问题。
9）scrollTop：表示可视区到页面顶部的距离（非Chrome浏览器下），Chrome浏览器下需要使用document.body.scrollTop的写法。
4、cookie基础：
1）同一个网站中所有页面共享一套cookie；
2）cookie的数量、大小有限；
3）cookie有过期时间；
4）cookie存在本地文件中；
5）cookie需要运行在服务器环境中；
6）cookie的格式：名字=值，多条信息中间用分号（“；”）隔开；
7）过期时间未指定，cookie有效期一直到浏览器关闭为止；
8）expires，用来设置cookie的过期时间；
9）通过split方法读取cookie信息；
10）删除cookie是，设置过期日期为-1；