JavaScript获取屏幕的宽和高

本文介绍了如何使用JavaScript获取网页的各种尺寸,包括可见区域、正文全文的宽高,以及网页和屏幕的滚动、边距等属性。同时,还详细描述了screen对象的多个属性,如分辨率、工作区大小、颜色深度等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


            var bodyWidth           =document.body.clientWidth;      //网页可见区域宽

            var bodyHeight          =document.body.clientHeight;     //网页可见区域高

            var bodyWidthWithBorder =document.body.offsetWidth;      //网页可见区域宽(包括边线的宽)

            var bodyHeightWithBorder=document.body.offsetHeight;     //网页可见区域高(包括边线的宽)

            var bodyWidthWithScroll =document.body.scrollWidth;      //网页正文全文宽

            var bodyHeightWithScroll=document.body.scrollHeight;     //网页正文全文高  

            var bodyTopHeight       =document.body.scrollTop;        //网页被卷去的上边距

            var bodyLeftWidth       =document.body.scrollLeft;       //网页被卷去的左边距

            var windowTopHeight     =window.screenTop;               //网页正文部分上边距

            var windowLeftWidth     =window.screenLeft;              //网页正文部分左边距

            var screenHeight        =window.screen.height;           //屏幕分辨率的高

            var screenWidth         =window.screen.width;            //屏幕分辨率的宽

            var screenAvailHeight   =window.screen.availHeight;      //屏幕可用工作区高度

            var screenAvailWidth    =window.screen.availWidth;       //屏幕可用工作区宽度

screen对象的属性描述   

availHeight   获取系统屏幕的工作区域高度,排除   Microsoft®   Windows®   任务栏。   
availWidth   获取系统屏幕的工作区域宽度,排除   Windows   任务栏。   
bufferDepth   设置或获取用于画面外位图缓冲颜色的每像素位数。   
colorDepth   获取用于目标设置或缓冲区的颜色每像素位数。   
deviceXDPI   设置或获取系统屏幕水平每英寸点数(DPI)的数值。   
deviceYDPI   设置或获取系统屏幕垂直每英寸点数(DPI)的数值。   
fontSmoothingEnabled   获取用户是否在控制面板的显示设置中启用了圆整屏幕字体边角的选项。   
height   获取屏幕的垂直分辨率。   
logicalXDPI   获取系统屏幕水平每英寸点数(DPI)的常规数值。   
logicalYDPI   获取系统屏幕垂直每英寸点数(DPI)的常规数值。   
updateInterval   设置或获取屏幕的更新间隔。   
width   获取屏幕的垂直分辨率。

转载于:https://www.cnblogs.com/yoolonet/archive/2009/12/29/1635230.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值