JavaScript Window浏览器对象模型与screen对象

浏览器对象模型(BOM)使JavaScript有能力与浏览器"对话"

Window 对象

所有浏览器都支持window对象。它表示浏览器窗口
所有JavaScript全局对象、函数以及变量均自动成为window对象的成员
全局变量是window对象的属性
全局函数是window对象的方法
甚至HTML DOM的document也是window对象的属性之一

Window 尺寸

有三种方法能够确定浏览器窗口的尺寸
对于Internet Explorer、Chrome、Firefox、Oper以及Safari
window.innerHeight 浏览器窗口的内部高度(包括滚动条)
window.innerWidth 浏览器窗口的内部宽度(包括滚动条)
对于Internet Explorer 8、7、6、5
document.documentElement.clientHeight
document.documentElement.clientWidth
或
document.body.clientHeight
document.body.clientWidth

一些其他方法

window.open() 打开新窗口
window.close() 关闭当前窗口
window.moveTo() 移动当前窗口
window.resizeTo() 调整当前窗口的尺寸

window.screen对象包含有关用户屏幕的信息

Window Screen 可用宽度
screen.availWidth属性返回访问者屏幕的宽度
以像素计，减去界面特性，比如窗口任务栏
Window Screen可用高度
screen.availHeight属性返回访问者屏幕的高度
以像素计，减去界面特性，比如窗口任务栏

总宽度
screen.width
总高度
screen.height
色彩深度
screen.colorDepth
色彩分辨率
screen.pixelDepth