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