浏览器对象 BOM
- BOM是browser Object Model的缩写,简称浏览器对象模型
- BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
- 基本的BOM体系结构图
- BOM提供了一些访问窗口对象的一些方法,我们可以用它来移动窗口位置、改变窗口大小、打开新窗口或关闭窗口、弹出对话框、进行导航以及获取客户的一些信息,如:浏览器品牌版本,屏幕分辨率等。但BOM最强大的功能是它提供了一个访问HTML页面的接口------document对象,以使得我们可以通过这个口接口来使用DOM的强大功能
window 对象
-
JavaScript的所有对象都存在于一个运行环境之中,这个运行环境本身也是对象,称为“顶层对象”。这就是说,JavaScript的所有对象,都是“顶层对象”的下属。不同的运行环境有不同的“顶层对象”,在浏览器环境中,这个顶层对象就是window对象(w为小写)
-
所有浏览器环境的全局变量,都是window对象的属性
-
可以简单理解成,window就是指当前的浏览器窗口
-
window可以不写
window对象属性
window.innerWidth
:返回窗口的文档显示区的宽度window.innerheight
:返回窗口的文档显示区的高度window.pageXOffset
:返回页面的水平滚动距离window.pageYOffset
:返回页面的垂直滚动距离。这两个属性的单位为像素
window对象方法
定时器
setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法;可以不使用window前缀,直接使用函数
setInterval(要执行的动作,时间:毫秒)
:按照指定周期来调用函数或计算表达式;把函数当成字符串,就可以传参数setTimeout(要执行的动作,时间:毫秒)
:在指定的毫秒数后调用函数或计算表达式clearInterval(要清理的定时器名称)
:取消由setInterval()设置的IntervalclearTimeout(要清理的定时器名称)
:取消由setTimeout()方法设置的timeout
<script>