BOM窗口元素

表示窗口相对于屏幕左边和上边的位置

IE,Safari,Opera,Chrome——screenLeft，screenTop

Firefox——screenX，screenY（Opera，Safari和Chrome也同时支持这个属性，但Opera的screenX，screenY与screenLeft，screenTop并不对应）

var leftPos=(typeof window.screenLeft == "number")? window.screenLeft : window.screenX;
var topPos=(typeof window.screenTop == "number")? window.screenTop : window.screenY;

窗口大小（易混淆）

innerWidth，innerHeight，outerWidth，outerHeight

IE9+，Firefox，Safari——outerWidth，outerHeight返回浏览器窗口本身的尺寸

Opera——outerWidth，outerHeight返回页面视口容器大小（单个标签页对应的浏览器窗口），而innerWidth，innerHeight则表示该容器中页面视图区大小（减去边框宽度）

Chrome——innerWidth，innerHeight与outerWidth，outerHeight返回相同的值

 

视口大小

 

在IE6中，document.documentElement.clientWidth和document.documentElement.clientHeight属性必须在标准模式下才有效。

在混杂模式中，必须通过document.body.clientWidth和document.body.clientHeight属性取得相同内容