JS获取浏览器可视区域尺寸

 

本文所说的是浏览器窗口的可视区域大小，不是浏览器窗口大小，也非页面尺寸。

在没有声明DOCTYPE的IE中，浏览器显示窗口大小只能以下获取：

1 2	document. body. offsetWidth document. body. offsetHeight

在声明了DOCTYPE的浏览器中，可以用以下来获取浏览器显示窗口大小：

1 2	document. documentElement. clientWidth document. documentElement. clientHeight

IE，FF，Safari皆支持该方法，opera虽支持该属性，但是返回的是页面尺寸；

同时，除了IE以外的所有浏览器都将此信息保存在window对象中，可以用以下获取：

1 2	window. innerWidth window. innerHeight