JavaScript
BOM介绍
概念
BOM（Browser Object Model）即浏览器对象模型。 本质： 通过对象抽象浏览器中的一些功能 例如：（刷新页面，alert,confirm,pormpt,跳转 ...）BOM顶级对象
window对象是js中的顶级对象，定义在全局作用域中的变量、函数都会变成window对象的属性和方法，在调用的时候可以省略window。☞备注：1.文档document也属于window对象中的一个2.window代表整个窗口页面加载事件
1. window.onload = function() {} ===> 页面加载完成：页面上的所有元素都创建完成，并且引用的外部资源都下载完毕（js,css）定时器
隔一段时间执行，只执行一次 ==》定时炸弹☞ 使用window.setTimeout(function, time)；function： 处理程序，可以是匿名函数time： 间隔时间，毫秒☞ 清除定时器1. setTimeout有一个返回值,代表当前定时器的标识2. clearTimeOut(定时器标识)案例：删除提示效果过程：点击按钮，显示一个层，3秒以后自动消失隔一段时间执行，并且会重复执行 ===》 类似于闹钟☞ 使用 window.setInterval(function, time); function: 处理程序，可以是匿名函数 time：时间，毫秒☞ 清除定时器clearInterval(定时器id)； ☞ 课堂案例： 1.时钟案例 2.动画效果 offsetLeft: 水平偏移量相对HTMLoffsetTop： 垂直偏移量相对HTMLlocation对象
location对象是window对象下的一个属性，使用location可以设置或者获取浏览器地址栏中的url属性
href：实现页面跳转 获取地址 ：location.href 设置地址 ：location.href = "http://www.baidu.com"如果希望在新窗口中打开页面：window.open('url路径');方法
☞ reload() 重新加载： 类似于 F5 备注：location.reload(true) 强制从服务器获取页面location.reload(false) 从浏览器本地缓存中获取页面
offset【获取元素位置和大小】
☞ dom.offsetLeft ---> 水平偏移
☞ dom.offsetTop ---> 垂直偏移
备注：1.offsetLeft默认是相对整个HTML标签，如果其父元素是一个定位元素那么就相对其父元素（类似于css中的绝对定位）☞ dom.offsetWidth ---> 获取当前元素在浏览器中的实际宽度（内容+边框+内边距）
☞ dom.offsetHeight ---> 获取当前元素在浏览器中的实际高度（内容+边框+内边距） 
client【获取元素位置和大小】
☞ dom.clientLeft --> 获取元素边框的左边框的宽度
☞ dom.clientTop ---> 获取元素上边框的宽度☞ dom.clientWidth --> 元素宽度【不包括边框，但是包括内边距】
☞ dom.clientHeight --> 元素高度【不包括边框，但是包括内边距】总结：clientHeight = 内容区域 + paddingclientWidth = 内容区域 + padding
scroll【获取元素位置和大小】
☞ dom.scrollLeft --->
☞ dom.scrollTop --->滚动条向上滚动的距离【内容滚出去的距离】 [滚动事件 onscroll]☞ dom.scrollWidth ---> 1. 如果内容区域小于当前元素，那么scrollWidth就代表当前元素大小【算内边距，不算边框】2. 如果内容区域大于当前元素，那么scrollWidth就等于内容区域大小 + 左内边距☞ dom.scrollHeight --->
案例练习
-
拖拽
鼠标按下事件： onmousedown鼠标抬起事件： onmouseup鼠标移动事件： onmousemove案例思路：1. 鼠标按下时候的位置和鼠标离开时候的位置是相同的2. 鼠标按下时候的位置 = 鼠标在页面中的位置（e.pagex） - 当前元素在页面中的位置（offsetLeft）3. 元素最后移动的位置 = 鼠标移动后的位置 - 鼠标按下时候的位置 -
放大镜
1. onmouseenter 和 onmouseleave 属于一组，不会有事件冒泡2. onmouseover 和 onmouseout 属性一组，有事件冒泡 -
封装动画
animate.js
``
