js 获取各种宽度

得到的是设备像素可见宽高

document.documentElement.clientWidth; 
document.documentElement.clientHeight;

设备的高度、宽度

screen.height
screen.width
网页可见区域宽: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
clientWidth = width + padding
offsetWidth = width + padding + border
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 刚开始做移动端web开发的同学应该都碰到过页面适配问题,为什么我在开发手机上调试好的页面在其他手机会有这样或那样的...
    留七七阅读 19,597评论 5 80
  • 我们先从一个听的最多的概念——PPI开始。PPI什么是PPIPPI的复杂之处在于如果他所处的上下文环境不同,意义也...
    garble阅读 705评论 0 1
  • 第177章回顾 “哇!这里真的好美!” 卡诺森林的最深处便是泉水的所在之地,瀑布后面有一棵高大的灵树,传说这课灵树...
    陈瀛Neptune阅读 637评论 15 18
  • 低头码字,把「背负武器却脊背挺拔的剑客」打成了「背负曲奇」。 一个愣神,一位破布斗篷腰间挂着酒葫芦的长发男子横在眼...
    一尾羊阅读 293评论 0 0