DOM document
操作页面的能力
获取元素：getElementByID（） getElementsByTagName() getElementByClassName()
改变页面： innerHTML（） ，oDiv.style.color(),
DOM树：
节点：文本节点，元素节点
获取节点
childNodes ，因为兼容问题，可用NodeType 判断； children ，则无兼容问题。
parentNode，offsetParent（实际位置）；
firstChild，firstElementChild， lastChild，lastElementChild
兄弟节点：nextSibling,nextElementSibling； priviousSibling，priviousElementSibling;
创建节点，添加，删除，QQ邮箱文件上传；
createElement（标签名）； appendChild（节点）ul 加li ；removeChild
Demo：前端 表格数据 搜索，将符合选项显示颜色。
BOM
window：所有浏览器都实现了window，document.--- 即window.document.---;
- window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度
- 方法： window.open();.window.close();.window.moveTO();.window.resizeTo();.
window.screen对象在编写时可以不使用 window 这个前缀。
- screen.availWidth - 可用的屏幕宽度 screen.availHeight - 可用的屏幕高度
Window Location
- location.hostname 返回 web 主机的域名
- location.pathname 返回当前页面的路径和文件名
- location.port 返回 web 主机的端口 （80 或 443）
- location.protocol 返回所使用的 web 协议（http:// 或 https://）
- history.back() - 与在浏览器点击后退按钮相同
- history.forward() - 与在浏览器中点击按钮向前相同
window.navigator 对象包含有关访问者浏览器的信息。
navigator.appCodeName
navigator.appName
navigator.appVersion
navigator.cookieEnabled
navigator.platform
navigator.userAgent
navigator.systemLanguage
JavaScript 弹窗
可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。
alert（） confirm（） window.prompt("sometext","defaultvalue");
JavaScript 计时事件
- setInterval() - 间隔指定的毫秒数不停地执行指定的代码。window.setInterval("javascript function",milliseconds);
- setTimeout() - 暂停指定的毫秒数后执行指定的代码
- window.clearInterval(intervalVariable)
要使用clearTimeout() 方法, 你必须在创建超时方法中（setTimeout）使用全局变量:myVar=setTimeout("javascript function",milliseconds);
Cookies
是一些数据, 存储于你电脑上的文本文件中。
当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。
Cookies 的作用就是用于解决 "如何记录客户端的用户信息":
- 当用户访问 web 页面时，他的名字可以记录在 cookie 中。
- 在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。
Cookies 以名/值对形式存储，如下所示:
username=John Doe
document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT"; //创建，修改和删除都可通过设置不同值来做到。