一、BOM 二、DOM

一、BOM（window对象）
###<1>window属性对象
window.location 当前浏览器的地址对象
window.history 浏览器访问过的地址对象
window.open()/close():打开或者关闭一个浏览器窗口
window.document:文档对象，HTML页面

###<2>window的弹框
void alert()
var boolean = confirm("提示信息")
var str = prompt("提示信息","默认值")

###<3>window的定时器
setInterval(回调函数，时间间隔)/clearInterval() 周期性定时器
setTimeout()/clearTimeout() 一次性定时器

# 练习
编写跑马灯效果，改变字体的颜色
轮播图效果
主页时间动态显示

# 二、DOM（document对象）
Document:加载的整个HTML文件，其被封装成了document对象
Element:标签
Text:标签中间的文本内容
Attribute:开始标签中的属性
document中的各种内容统称为节点，node

###<1>获取元素对象
getElementById(eleid) 通过标签的id获取元素对象
getElementsByName(namevalue) 通过标签的name属性值获取一个元素列表对象
getElementsByTagName(lablename) 通过标签的标签名称获取一个元素列表对象

###<2>访问节点，创建节点，删除节点
1. 判断当前节点的类型
nodeName
nodeValue
nodeType

2. 设置节点的文本内容
innertHTML
value

3. 访问
firstChild
lastChild
childNodes
parentNode
4. 创建和删除
createElemet("节点名称");

父节点对象.removeChild(节点对象);
父节点对象.appendChild(节点对象);

###<3>event对象
获取事件源：
var eventObj = e.srcElement || e.target;

取消冒泡机制：
eventObj.cancelBubble = true;
eventObj.stopPropagation();