BOM游览器模型（window）
属性
- innerWidth ：游览器可视区宽度
- innerHeight：游览器可视区高度
- 兼容性：clientWidth / clientHeight
方法
- close() ：关闭当前页面
- open(url)：打开新的页面
子对象
-
history ： 对象包含游览器URL历史信息
- length属性： 历史列表的网址数
- forward()：加载下一个URL
- back()：加载上一个URL
- go(0)：0刷新页面，-1下一个页面，1上一个页面
-
location：包含游览器地址栏信息
- href：获取或设置地址栏信息
- host：主机名称和端口名
- hostName：主机名
- pathName：地址栏路径名
- search：地址栏查询部分
- hash：#后面部分
- assign(url)：打开一个新的文档
- reload()：重新刷新当前文档
- replace(url)：用新的文档替换当前文档
navigator：包含游览器有关信息
-
screen：对象包含客服端屏幕信息
- width：屏幕的总宽度
- height：屏幕的总高度
- availWidth：屏幕的宽度（不包括任务栏）
- availHeight：屏幕的高度（不包括任务栏）
事件
onload：html资源加载完后触发
-
onscroll：发生滚动时触发
- 获取滚动的高度，和内容卷进去的高度一致
document.documentElement.scrollTop- 获取下面滚动条滚动的长度
document.documentElement.scrollLeft- 兼容写法
document.documentElement.scrollTop || document.body.scrollTop // scrollLeft兼容性写法同上 onresize：游览器窗口大小改变时触发
DOM文档对象模型
内置属性，标签自带属性，可直接操作
如：id、className、classList、href、title等
- classList：class属性的更改
- length：列表中类的数量
- add(class1,class2,...)：在元素中添加一个或多个类名
- remove(class1,class2,...)：在元素中移除一个或多个类名
- taggle(class)：检查元素中是否有该类名，有则删除，没有则添加
- innerHTML：获取或设置文本内容
非内置属性，即自定义属性
- setAttribute(key,val)：添加属性
- getAttribute(key)：读取属性的值
- removeAttribute(key)：删除属性
公共属性
- parentNode：父级元素
- children：所有子级节点
- firstElementChild：第一个子节点
- lastElementChild：最后一个子节点
- previousElementSibling：上一个兄弟节点
- nextElementSibling：下一个兄弟节点
- nodeName：节点的名称
