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