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() - 调整当前窗口的大小