BOM Window 对象

本文讨论了浏览器对象模型 BOM 中的 Window 对象及其属性和方法。

浏览器对象模型 (BOM - Browser Object Model) 允许 JavaScript 与浏览器“对话”。

所有浏览器都支持 window 对象，它代表浏览器的窗口。

window 对象

在浏览器环境中，所有全局 JavaScript 对象、函数和变量都会自动成为 window 对象的成员。

全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
HTML DOM 的 document 对象也是 window 对象的一个属性。

窗口大小

可以使用两个属性来确定浏览器窗口的大小，这两个属性都返回以像素为单位的大小：

window.innerHeight - 浏览器窗口的内部高度（以像素为单位）
window.innerWidth - 浏览器窗口的内部宽度（以像素为单位）

浏览器窗口（浏览器视口）不包括工具栏和滚动条。

let w = window.innerWidth;
let h = window.innerHeight;

其他窗口方法

其他一些方法：

window.open() - 打开一个新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的大小

BOM 简介 BOM Screen

目录