这篇文章主要讲解了“怎么用js计算屏幕尺寸”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“怎么用js计算屏幕尺寸”吧！
基本概念
document.body.clientWidth :指的是BODY对象宽度
document.body.clientHeight :指的是BODY对象高度
document.documentElement.clientWidth: 指的是可见区域宽度
document.documentElement.clientHeight :指的是可见区域高度
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
clientX/clientY ：事件属性返回当事件被触发时鼠标指针向对于浏览器页面（当前窗口）的水平坐标/垂直坐标（不包含滚动条）。
pageX/pageY:指鼠标在页面上的位置，以页面左侧为参考点，鼠标相对于整个页面（网页的全部）的X/Y坐标。
offsetX/offsetY:鼠标相对于“触发事件的元素”的位置，事件和目标节点的填充边缘之间的鼠标指针的在X偏移坐标：特别说明：只有IE支持！
screenX/screenY：鼠标在屏幕中的位置，指的是鼠标到电脑屏幕左侧的距离
鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性
借用一张图说明：
clientWidth/clientHeight:不包含元素的边框
offetWidth/offsetHeight：包含元素的边框
offsetParent 是一个只读属性，返回一个指向最近的（closest，指包含层级上的最近）包含该元素的定位元素。如果没有定位的元素，则 offsetParent 为最近的 table 元素对象或根元素（标准模式下为 html；quirks 模式下为 body）。
offsetLeft:获取对象相对于页面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于页面或由 offsetTop 属性指定的父坐标的计算顶端位置
感谢各位的阅读，以上就是“怎么用js计算屏幕尺寸”的内容了，经过本文的学习后，相信大家对怎么用js计算屏幕尺寸这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
