JavaScript Window - 浏览器对象模型(BOM)
浏览器对象模型 (BOM):
现代浏览器已经实现了JavaScript交互性的相同方法和属性,所以常被认为是BOM的方法和属性
Window 对象:
所有浏览器都支持window对象,表示浏览器的窗口
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
DOM 的 document 也是 window 对象的属性之一
Window 尺寸:
有三种方法可以确定浏览器窗口的尺寸:
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari
- window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
- window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
或对于 Internet Explorer 8、7、6、5
- document.documentElement.clientHeight
- document.documentElement.clientWidth
或
- document.body.clientHeight
- document.body.clientWidth
其他 Window 方法
- window.open() - 打开新窗口
- window.close() - 关闭当前窗口
- window.moveTo() - 移动当前窗口
- window.resizeTo() - 调整当前窗口的尺寸