JavaScript Window - 浏览器对象模型
浏览器对象模型 (BOM) 允许 JavaScript 与浏览器“对话”。
浏览器对象模型 (BOM)
对于浏览器对象模型 (BOM) 并没有官方标准。
由于现代浏览器已经实现了(几乎)相同的 JavaScript 交互方法和属性,因此它通常被称为 BOM 的方法和属性。
Window 对象
window
对象受所有浏览器支持。它代表浏览器窗口。
所有全局 JavaScript 对象、函数和变量都会自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 document 对象(HTML DOM)也是 window 对象的属性
window.document.getElementById("header");
与此相同
document.getElementById("header");
窗口大小
可以使用两个属性来确定浏览器窗口的大小。
这两个属性都以像素为单位返回大小。
window.innerHeight
- 浏览器窗口的内部高度(以像素为单位)window.innerWidth
- 浏览器窗口的内部宽度(以像素为单位)
浏览器窗口(浏览器视口)不包括工具栏和滚动条。
其他 Window 方法
其他一些方法
window.open()
- 打开一个新窗口window.close()
- 关闭当前窗口window.moveTo()
- 移动当前窗口window.resizeTo()
- 调整当前窗口大小