JavaScriptBOM和JavaScriptDOM

一.BOM(Browser Object Model)

1.BOM的主要功能

1. 弹出新窗口
2. 移动、关闭和更改浏览器窗口大小的能力
3. 提供web浏览器详细信息的导航对象
4. 提供浏览器载入页面的详细信息的本地对象
5. 提供用户屏幕分辨率信息
6. 支持cookie（保存当前用户信息）

二.计时器

1.setTimeout()

setTimeout(function(){alert("123")},1000);

第一个参数设置回调函数，第二个参数设置时间间隔。但是只执行一次

2.setInterval()

一直执行

3.取消计时

var time = setTimeout(function(){///},1000);

三.弹出框

1.confirm

确认框

2.propmpt

输入框

3.alert

提示框

四.history

1. back

window.history.back(-1);

2.go

window.history.go();

3.forward()

window.history.forward();

使用的前提是使用过back或者go

五.操作导航和屏幕

1.navigator

navigator是一个独立的对象，使用它提供浏览器获取操作系统的一些信息。

2.screen

六.事件

1.事件流

页面上不止一个事件在触发。

2.事件冒泡

先触发子类事件，再触发父类事件

3.事件捕获

先触发父类事件，再触发子类事件
总结：冒泡和捕获两个不同的实现方式，因为各个浏览器早期设计有差异。ie默认就是冒泡，只支持冒泡。
标准的dom浏览器既支持冒泡，又支持捕获。

4.绑定事件

addEventListener用于绑定事件，现在指派事件，第一个参数指明第事件类型， 第二个参数指明事件执行的行为，第三个参数控制冒泡还是捕获。
1. 现代指派方法

odiv.addEventListener("click",funtion(){alert(123)},true|false);

1. 传统指派方法

function fun(){alert(123);}odiv.click=fun;

5.event对象

每次只要有事件触发都会产生一个event对象。当事件结束，event对象消失。
event:代表当前事件的状态。

6. html事件

事件的返回值，如果是false就阻止提交，如果是true就提交。

DOM

一.html dom结构

1.document

document 是内存自动创建的，是dom的最底层的对象。

2.获取子节点

var nodearr = body.childNodes();

3.节点属性

1. 所有的标签都是元素节点，换行是文本节点，元素节点返回值是1，属性返回2，文本返回3。
2. children:获取所有子节点中的元素节点
3. childNodes：获取所有的子节点
4. firstChild:标准DOM浏览器下面获取的是换行txt，IE下获取第一个元素节点。在标准DOM浏览器中用firstElementChild.

var firstNode = ob.firstChild || ob.firstElementChild

1. lastChild || lastElementChild:返回最后一个子节点。
2. previousElementSibling:前一个兄弟节点。
3. nextElementSibling:后一个兄弟节点。
4. parentNode:获取父节点。
5. offsetParent:获取定位父级。
6. createElement,appendChild创建节点和添加节点。

二.样式表操作

通过style属性获取到当前元素身上的内联样式

var element = document.getElementById("element");element.style.[属性]=[值];//通过style 设置属性值