不同浏览器获取DOM元素的各种高度

一：HTML中各种高度

一：介绍

不止一次被HTML中各种高度和宽度搞晕了，搞的每次做项目时都要去查相关的资料。趁着有时间好好把这块的资料整理一下，以被以后使用。

下面是一张W3C中Window对象属性图。从图中我们可以看到有关高度和宽度的几个属性，他们分别是innerHeight，innerWidth，outerHeight，outerWidth， pageXOffset，pageYOffset，screenLeft，screenTop，screenX，screenY。下面我们一个个来验证他们各代表什么。

二：innerHeight、innerWidth、outerHeight、outerWidth

innerHeight，innerWidth：返回窗口的文档显示区的高度和宽度(不包括菜单栏、工具栏以及滚动条的高度)。IE不支持这些属性，它用document.documentElement(html元素)或者document.body(与IE版本有关)的clientWidth和clientHeight代替。在各个浏览器测试效果如下：

查看上图可知除了IE9以下不支持innerHeight属性，其余版