bom操作——缓动动画

缓动动画:匀速改变元素的样式  就是匀速动画   非匀速的改变元素css样式的动画效果就是缓动动画

设定值=当前+(目标值-当前)*百分比

目标是让div的高度为800   div.style.heiht=当前h+(800-当前w)*0.5

BOM是browser object model的缩写，简称浏览器对象模型==>window不是标准,但是所有的浏览器厂商制作的这个API的功能基本类似

DOM document object model 文档对象模型==>document==>W3C标准

window下的几大功能对象(window的属性)有:navigatior,screen,document,history,location

window的属性

closed 返回窗口是否已被关闭。

document 对 Document 对象的只读引用

history 对 History 对象的只读引用

innerHeight 返回窗口的文档显示区的高度

innerWidth 返回窗口的文档显示区的宽度

outerHeight 返回窗口的外部高度，包含工具条与滚动条

outerWidth 返回窗口的外部宽度，包含工具条与滚动条

screenLeft 返回相对于屏幕窗口的x坐标

screenTop 返回相对于屏幕窗口的y坐标

screenX 返回相对于屏幕窗口的x坐标

screenY 返回相对于屏幕窗口的y坐标

window的方法

alert() 显示带有一段消息和一个确认按钮的警告框。

 close() 关闭浏览器窗口。

confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。

open(url,打开方式,新窗口配置,BOOL) 打开一个新的浏览器窗口

还有两种其他打开网页的方式

 window.location.href

window.location.assign

history是H5之后才有的技术

length返回访问历史列表中的网址数

back() 加载 history 列表中的前一个 URL

forward() 加载 history 列表中的下一个 URL

go(number|url)加载 history列表中的某个具体页面//负数后退,正数前进