JavaScript 浏览器对象BOM

浏览器对象 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()设置的Interval
• clearTimeout(要清理的定时器名称)：取消由setTimeout()方法设置的timeout

    <script>