【转载】JS获取屏幕大小

前些日子需要给项目的弹窗上面罩，因为项目左侧是树形菜单，右侧嵌套的iframe ，iframe 的内容不是固定大小，那么，面罩的大小也就不是固定的

因此，用到了JQuery获取当前页面的窗口大小，于是百度了一下，在博客园另一个博主风飘零的博文http://www.cnblogs.com/lf6112/archive/2011/07/26/2117348.html找到方法，再次感谢，于是转载过来了，如有版权问题，欢迎原博主私信解决问题。

 

下面贴上代码：

屏幕分辨率为：screen.width*screen.height;
屏幕可用大小：screen.availWidth*screen.availHeight;
网页可见区域宽：document.body.clientWidth;
网页可见区域高：document.body.clientHeight;
网页可见区域宽(包括边线的宽)：document.body.offsetWidth;
网页可见区域高(包括边线的宽)：document.body.offsetHeight; 
网页正文全文宽：document.body.scrollWidth;
网页正文全文高：document.body.scrollHeight;
网页被卷去的高：document.body.scrollTop;
网页被卷去的左：document.body.scrollLeft;
网页正文部分上：window.screenTop;
网页正文部分左：window.screenLeft;
屏幕分辨率的高：window.screen.height;
屏幕分辨率的宽：window.screen.width;
屏幕可用工作区高度：window.screen.availHeight;
屏幕可用工作区宽度：window.screen.availWidth;

转载于:https://www.cnblogs.com/yy981420974/p/5519430.html