表示窗口相对于屏幕左边和上边的位置
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属性取得相同内容