目录

JavaScript 窗口 - 浏览器对象模型


浏览器对象模型 (BOM) 允许 JavaScript "talk to" 浏览器。


浏览器对象模型 (BOM)

目前尚无官方标准赛艇运动员对象中号模型 (BOM)。

由于现代浏览器已经为 JavaScript 交互性实现了(几乎)相同的方法和属性,因此通常将其称为 BOM 的方法和属性。


窗口对象

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

所有全局 JavaScript 对象、函数和变量都会自动成为 window 对象的成员。

全局变量是窗口对象的属性。

全局函数是窗口对象的方法。

甚至(HTML DOM 的)文档对象也是 window 对象的属性:

window.document.getElementById("header");

是相同的:

document.getElementById("header");

窗口尺寸

可以使用两个属性来确定浏览器窗口的大小。

这两个属性都返回以像素为单位的大小:

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

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

示例

let w = window.innerWidth;
let h = window.innerHeight;
亲自试一试 »

其他窗口方法

其他一些方法:

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