BOM由多个对象构成:
Window对象:是Bom下的顶层对象
DOM对象
location对象
history对象
navigator对象
Window对象:获取浏览器可视区域的窗口信息
方法:
window.innerWidth
:获取浏览器可视窗口的宽度(不包含任务栏,控制台,工具栏,包含滚动条)
window.innerHeight
:获取浏览器可视窗口的高度(不包含任务栏,控制台,工具栏,包含滚动条)
window.screenLeft
:获取浏览器距离屏幕的水平位置
window.screenTop
:获取浏览器距离屏幕的垂直位置
window.open(url)
:打开一个新的页面
window.close()
:关闭窗口
document.documentElement.clientWidth
:获取文档对象的可视窗口宽度(不包含滚动条)
document.documentElement.clientHeight
:获取文档对象的可视窗口高度(不包含滚动条)
document.documentElement.scrollTop
:获取文档滚动条的位置距离最上方的距离
document.documentElement.scrollLeft
:获取文档滚动条的位置距离最左边的距离
Location对象:
location.href
:返回和设置当前的url
location.search
:获取的是 ?XX=aa
location.reload(url)
:重新加载当前页面,如果reload()中不传递参数,可能数据会从还车中加载,如果需要读取服务器的最新数据,就需要传递参数 reload(true)
location.replace(url)
:在当前窗口打开新url,禁止退到前一个页面
location.assign(url)
:等同于location.replace(url)
和window.open(url)
History对象:
history.forward()
:前进一页
history.back()
:后退一页
history.go(数字)
: 正数向前,负数后退
navigator对象:
appCodeName:浏览器的代码名
appVersion:浏览器的版本信息
appName:浏览器的名称
window.navigator.userAgent