BOM:浏览器对象模型
window对象
window对象:一个窗口一个window,全局对象是window的属性 内置函数都是window的方法
窗口尺寸相关属性:inner(内容区域宽高,包括滚动条) outer(外部宽高) 不包含滚动条的窗口宽高:document.documentElement.clientWidth/Height
resize事件:窗口大小改变即触发,window.onresize 或window.addEventListener(‘resize’)
window.scrollX/Y:已滚动的网页像素=document.documentElement.scrollTop 一般:var scrollTop=window.scrollY || documentElement.scrollTop
区别:window.scrollY只读 document.documentElement.scrollY不是只读的
scroll事件:窗口被卷动之后就会触发scroll事件,window.onscroll 或window.addEventListener(‘scroll’)来绑定事件处理函数
navigation对象
navigator对象:window.navigator属性可以检索navigator对象,其内部含有用户此次活动的浏览器的相关属性和标识 appName appVersion userAgent platform
History对象
History对象:window.history对象提供了操作浏览器会话历史的接口 常用操作:模拟浏览器回退按钮
history.back()=history.go(-1):浏览器回退
Location对象
Location对象:window.location标识所在1网址,给该对象赋值实现页面跳转 重新加载当前页面:window.location.reload(true)
get请求查询参数:window.location.search属性为当前浏览器的get请求查询参数