一、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();