38、浏览器对象模型与文档对象模型详解

浏览器对象模型与文档对象模型详解

1. 浏览器对象模型（BOM）

BOM 基于 window 对象，它代表浏览器窗口和可见页面区域，同时也是 ECMAScript 全局对象。下面介绍 BOM 中的几个重要对象。

1.1 屏幕对象（Screen Object）

屏幕对象是 window 的一个属性，主要用于表示客户端的显示能力。不同浏览器在屏幕对象上提供的属性有所不同，以下是常见属性及其描述：
| 属性 | 描述 |
| — | — |
| availHeight | 屏幕像素高度减去系统元素（如 Windows 任务栏）的高度，只读 |
| availLeft | 从左边开始第一个未被系统元素占用的像素位置，只读 |
| availTop | 从顶部开始第一个未被系统元素占用的像素位置，只读 |
| availWidth | 屏幕像素宽度减去系统元素的宽度，只读 |
| colorDepth | 用于表示颜色的位数，大多数系统为 32 位，只读 |
| height | 屏幕的像素高度 |
| left | 当前屏幕左侧的像素距离 |
| pixelDepth | 屏幕的位深度，只读 |
| top | 当前屏幕顶部的像素距离 |
| width | 屏幕的像素宽度 |
| orientation | 根据屏幕方向 API 返回屏幕方向 |

1.2 历史对象（History Object）

历史对象代表用户自使用当前窗口以来的导航历史，每个浏览器