- BOM的概念
- windows对象及下属属性
- window相关事件
- window常用方法
BOM的概念---
BOM浏览器对象模型（Browser Object Model）
它提供了很多对象，用于访问浏览器的功能。
1、我们如何才能操控浏览器呢？通过window这个全局对象
2、window与document的关系
【答】document是window的一个对象属性
3、location对象
href属性 控制浏览器地址栏的内容
reload()方法 刷新页面
reload(true) 刷新页面，不使用缓存
4、history对象----用户（在浏览器窗口中）访问过的 URL
back() //上一个
forward() //下一个
go(num) //num<0时，跳转到自己后方（左边）的第num个记录。num>0时，跳转自己前方（右边）的第num个记录
window.history.length获取历史记录的长度
.
window中常用的方法与事件
1、open()打开窗口
既可以导航到一个特定的URL,也可打开一个新窗口。
open(url,target,"特性的字符串")
特性字符串表示新窗口都具有哪些特性，特性之间用,隔开
| 属性 | 值 | 说明 |
| width | 数值 | 新窗口的宽度，不能小于100 |
| height | 数值 | 新窗口的高度，不能小于100 |
| top | 数值 | 距离屏幕上方的像素 |
| left | 数值 | 距离屏幕上方的像素 |
| toolbar | yes no | 是否显示工具栏，IE浏览器有效 |
| location | yes no | 是否显示地址栏，IE浏览器有效 |
| fullscreen | yes no | 全屏显示 |
案例：弹出广告。
2、close()关闭窗口
window.close()关闭窗口，在火狐浏览器中不能关闭非脚本打开的窗口（存在兼容性的问题）
3、onload加载事件
当页面加载完成的时候会触发该事件
4、onscroll滚动事件
当窗口发生滚动会触发该事件
如何获取滚动条滚动了多少？
滚动距离
document.body.scrollTop
document.documentElement.scrollTop
5、onresize窗口变化事件
当窗口的大小发生改变的时候给触发该事件
如何获取窗口的大小？
document.documentElement.clientWidth可视区域的宽度
window.innerWidth
document.body.clientWidth
document.documentElement.clientHeight可视区域的高度
window.innerHeight
document.body.clientHeight
【课堂练习】
1、滚到底部，直接返回页面顶部
2、靠边居中显示的小广告
window常用的方法
系统对话框
1、警告框：alert()，没有返回值
【例】alert("你访问的页面含有非法敏感内容!")
2、选择框：confirm("提问的问题")，返回true,false;
【例】var b = confirm("是否同意保存你的密码？");
3、输入框：prompt()返回字符串或者为null
var a = prompt("填写你的姓名");
console.log(a);
关于定时器的方法
- setInterval，clearInterval连续定时器
- setTimeout，clearTimeout延迟定时器
【课堂练习】
1、定时小广告
【作业】
1、课堂练习重做一遍
2、移动的小广告
3、输入一个分钟数，开始倒计时。倒计时结束，弹出"计时结束!",中间可以点击按钮停止倒计时。
