JavaScript第十天BOM

操作表单

form.name 可以获取到相应的表单元素

form.onsubmit提交事件

form.onreset 重置事件

form.onfocus获得焦点

form.onblur 失去焦点

submit提交
reset 重置
focus得到焦点
blur 失去焦点
select选中

BOM-window

.alert 警告框
.confirm 带确认的对话框，返回点击的值。确认–true 取消–false window.confirm（）
.prompt 带输入的对话框window.prompt（‘提示信息’，默认值） 确定–输入框中的值 取消–null window.prompt( )
open（）打开窗口
close（）关闭窗口

location对象,它是一个很特别的对象，因为它既是window对象的属性，也是document对象的属性.
实现导航功能: window.location=“http://www.baidu.com/”

history对象 保存用户的上网记录

body位置属性

client系列

元素可视宽高
元素.clientWidth width+左右的padding
元素.clientHeight height+上下的padding

屏幕可视宽高
document.documentElement.clientWidth/Height

元素边框
元素.clientTop 上边框
元素.clientLeft 左边框

offset系列 获取元素占位宽高
元素.offsetWidth width+padding+border
元素.offsetHeight height+padding+border
元素.offsetTop 当前元素顶部到定位父元素的距离。没有定位父元素，到body的距离
元素.offsetLeft 当前元素左边到定位父元素的距离。没有定位父元素，到body的距离

scroll系列
滚动事件 onscroll 滚动条滚动时调用
屏幕滚动距离 document.documentElement.scrollTop 获取页面被卷去的高 document.body.scrollTop
元素.scrollTop 被卷去的高
元素.scrollLeft 被卷去的宽
元素.scrollWidth 获取元素实际内容的宽
元素.scrollHeight 获取元素实际内容的高

总结
clientWidth 内容+内边距 可视宽
offsetWidth 内容+内边距+边框 占位宽
scrollWidth 内容实际宽度
clientTop 边框
offsetTop 相对父元素的之间的距离
scrollTop 被卷去高
document.body.scrollTop || document.documentElement.scrollTop
document.documentElement.clientWidth 屏幕宽