获取页面宽高相关数值

Posted 2020-08-23 DoubleLife

在jquery中
　　获取浏览器显示区域的高度 ： $(window).height(); 
　　获取浏览器显示区域的宽度 ：$(window).width(); 
　　获取页面的文档高度 ：$(document).height();
　　获取页面的文档宽度 ：$(document).width();
　　获取滚动条到顶部的垂直高度 ：$(document).scrollTop();
　　获取滚动条到左边的垂直宽度 ：$(document).scrollLeft();

使用javascript
　　网页可见区域宽： 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