【转载】JS获取屏幕大小

时间:2023-12-17 20:43:32

前些日子需要给项目的弹窗上面罩,因为项目左侧是树形菜单,右侧嵌套的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;