JS获取浏览器窗口大小

常用:JS获取浏览器窗口大小//获取窗口宽度if(window.innerWidth)winWidth=window.innerWidth;elseif((document.body)&&(document.body.clientWidth))winWidth=document.body.clientWidth;//获取窗口高度if(window.innerHeight)winHeight=window.innerHeight;elseif((document.body)&&(document.body.clientHeight))winHeight=document.body.clientHeight;//通过深入Document内部对body进行检测，获取窗口大小if(document.documentElement&&document.documentElement.clientHeight&&document.documentElement.clientWidth){winHeight=document.documentElement.clientHeight;winWidth=document.documentElement.clientWidth;}详细:关于获取各种浏览器可见窗口大小:scriptfunctiongetInfo(){vars=;s=网页可见区域宽：document.body.clientWidth;s=网页可见区域高：document.body.clientHeight;s=网页可见区域宽：document.body.offsetWidth(包括边线和滚动条的宽);s=网页可见区域高：document.body.offsetHeight(包括边线的宽);s=网页正文全文宽：document.body.scrollWidth;s=网页正文全文高：document.body.scrollHeight;s=网页被卷去的高(ff)：document.body.scrollTop;s=网页被卷去的高(ie)：document.documentElement.scrollTop;s=网页被卷去的左：document.body.scrollLeft;s=网页正文部分上：window.screenTop;s=网页正文部分左：window.screenLeft;s=屏幕分辨率的高：window.screen.height;s=屏幕分辨率的宽：window.screen.width;s=屏幕可用工作区高度：window.screen.availHeight;s=屏幕可用工作区宽度：window.screen.availWidth;s=你的屏幕设置是window.screen.colorDepth位彩色;s=你的屏幕设置window.screen.deviceXDPI像素/英寸;//alert(s);}getInfo();/script在我本地测试当中：在IE、FireFox、Opera下都可以使用document.body.clientWidthdocument.body.clientHeight即可获得，很简单，很方便。而在公司项目当中：Opera仍然使用document.body.clientWidthdocument.body.clientHeight可是IE和FireFox则使用document.documentElement.clientWidthdocument.documentElement.clientHeight原来是W3C的标准在作怪啊!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN如果在页面中添加这行标记的话在IE中：document.body.clientWidth==BODY对象宽度document.body.clientHeight==BODY对象高度document.documentElement.clientWidth==可见区域宽度document.documentElement.clientHeight==可见区域高度在FireFox中：document.body.clientWidth==BODY对象宽度document.body.clientHeight==BODY对象高度document.documentElement.clientWidth==可见区域宽度document.documentElement.clientHeight==可见区域高度?在Opera中：document.body.clientWidth==可见区域宽度document.body.clientHeight==可见区域高度document.documentElement.clientWidth==页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight==页面对象高度（即BODY对象高度加上Margin高）而如果没有定义W3C的标准，则IE为：document.documentElement.clientWidth==0document.documentElement.clientHeight==0FireFox为：document.documentElement.clientWidth==页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight==页面对象高度（即BODY对象高度加上Margin高）Opera为：document.documentElement.clientWidth==页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight==页面对象高度（即BODY对象高度加上Margin高）