DOM基础知识

（1）、节点属性
节点类型(nodeType)
元素节点：       1；
属性节点：       2；
文本节点：       3；

节点名称(nodeName)
元素节点：       就是对应的标签名，div；
属性节点：       就是对应的属性名称，class；
文本节点：       #text；

节点值(nodeValue)
元素节点：       null；
属性节点：       就是对应的属性值；
文本节点：       就是对应的文本；

eg：box.nodeType;

（2）、节点
parentNode
一般父节点都是元素节点；
eg:parent.parentNode；

childNodes  获取子节点中的元素节点和文本节点；
children    仅仅获取子节点种的元素节点；
---------------------------
node.nextSibling    下一个兄弟节点；
可以是元素、属性、文本节点；
在ie8及更低版本，是只能获取到元素节点和非空文本节点，但是不影响；

node.nextElementSibling
下一个兄弟元素节点，只会得到一个元素节点；
兼容：ie8不支持；
---------------------------
node.previousSibling    上一个兄弟节点，
可以是元素、属性、文本节点；
在ie8及更低版本，是只能获取到元素节点和非空文本节点，但是不影响；

node.previousElementSibling     上一个兄弟元素节点；
只会得到一个元素节点；
兼容：ie8不支持；
---------------------------
firstChild      得到的是第一个子节点；
可以使元素、文本、属性；在ie8下回忽略空的文本节点；

lastChild       得到的是最后一个子节点；
可以使元素、文本、属性；在ie8下回忽略空的文本节点；
---------------------------
firstElementChild   得到的是第一个元素子节点
ie8下不支持
lastElementChild    得到的是最后一个子节点
ie8下不支持
---------------------------

（3）、方法

childElementCount   获取的是节点之下所有子元素的个数；
ie8不支持；

tips：建议使用parent.children.length;

4、定时器

setTimeout(code,delay)，该计时器只会执行一次，只作延迟动作；
clearTimeout（id）：清除计时器执行动作；
eg:
var id = setInterval(function () {
console.log("新几次哇一次魔hi托次！");
},1000);
document.getElementById("btn").onclick = function(){
clearInterval(id);
}

tips：计时器的返回值是一个句柄，是一个数字id，直接获取即可，
通过返回值可以使用clearTimeout方法，将计时器终止；

setInterval(code,delay)，该计时器每隔一段时间会执行一次code，不断循环；
clearInterval(id):其清除本循环计时器；

tips：使用方法与setTimeout同理。

BOM

Browser Object Model，浏览器对象模型；

window对象

（1）、open    在浏览器打开一个新窗口；
window.open(url,name,specs,replace);
tips：name指是否打开新窗口（_self或_blank），specs是页面选项，replace表示是否需要覆盖历史记录；

（2）、close   关闭其他窗口或自己窗口；
window.close()；

（3）、
window.onload=function(){}      页面加载完毕事件；
window.onunload=function(){}    关闭页面触发该事件；

tips：window对象的组成，DOM、Location、History、Navigator、Screen；
window是页面中所有内容的父元素；
window即指代浏览器窗口，全局函数都由window调用；

Location对象

Location对象包含了浏览器的url信息；
（1）Location属性
hash        获取url的锚部分，就是#后面的数据；
host        获取url的主机和端口；
hostname    获取url的主机名；
href        获取完整的url；
pathname    获取url的路径；
port        获取端口；
protocol    获取url的协议；
search      获取url的参数部分，就是？后面的数据；
（2）reload方法
window.location.reload(forceget);
相当于刷新页面。
forceget：
true - 表示强制重新去服务器请求数据；
false - 表示从本地或缓存中获取数据；

（3）、href方法
location.href = "链接"；
该方法可以将当前页面跳转到指定链接；

History对象

history.back        回到上一个浏览的页面(如果存在)；
用法：history.back();

history.forward     前进到下一个浏览器的页面(如果存在)；
用法：history.forward();

history.go()            可以到达指定的访问过的页面；
用法：history.go(-1);  为-1则跳转到上一个页面；
history.go(1);      为1则跳转到下一个页面；

Navigator对象

Navigator对象包含当前窗口的浏览器信息；

appCodeName     返回浏览器代码名称，返回Mozilla；
appName         返回浏览器名称，返回Netscape；
appVersion      返回浏览器的平台和版本信息；
platform        返回运行浏览器的操作系统信息；
userAgent       返回浏览器发送到服务器的user-agent 头部的值 ；