- 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、输入一个分钟数，开始倒计时。倒计时结束，弹出"计时结束!",中间可以点击按钮停止倒计时。
