常见浏览器宽高及可视区域的宽高获取问题

h5it 2018-04-24 原文

常见浏览器宽高及可视区域的宽高获取问题

网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight; //body
网页可见区域宽: document.body.offsetWidth + ” (包括边线和滚动条的宽)”;
网页可见区域高: document.body.offsetHeight + ” (包括边线的宽)”;
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight; //窗口
网页被卷去的高(ff): document.body.scrollTop;
网页被卷去的高(ie): document.documentElement.scrollTop;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左: window.screenLeft;
屏幕分辨率的高: window.screen.height;
屏幕分辨率的宽: window.screen.width;
屏幕可用工作区高度:window.screen.availHeight;
屏幕可用工作区宽度: window.screen.availWidth;
你的屏幕设置是 :window.screen.colorDepth +” 位彩色”;
你的屏幕设置 : window.screen.deviceXDPI +” 像素/英寸”;

发表于 2018-04-24 14:18 itbk 阅读() 评论() 编辑 收藏

 

版权声明:本文为h5it原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/h5it/p/8930004.html

常见浏览器宽高及可视区域的宽高获取问题的更多相关文章

随机推荐

  1. Java中的数组排序方式。 – 低调的小码农

    Java中的数组排序方式。 2014-02-18 17:35  低调的小码农  阅读(1339)  评论(0) […]...

  2. 【转】透视矩阵详解

    原文地址http://www.cnblogs.com/graphics/archive/2012/07/25/ […]...

  3. 线上CUP负载过高排查方法

      1.top命令查看线程占据的CPU     注意:上面行的cpu是多个内核的平均CPU,不可能超过100% […]...

  4. 禁用触摸板二指双击

    由于二指双击经常会影响双指滑动,所以把它给禁掉。 不同电脑可能注册表不一样,具体还得自己找资料,或者先看一下自 […]...

  5. 周期信号的傅里叶级数

    **探讨问题:**对一个周期波形为ft=1,0<t<T/2;ft=-1,T/2<t<T […]...

  6. Netty入门系列(2) –使用Netty解决粘包和拆包问题

    前言 上一篇我们介绍了如果使用Netty来开发一个简单的服务端和客户端,接下来我们来讨论如何使用解码器来解决T […]...

  7. 手把手教你创建electron+vue项目

    electron可以结合前端的很多框架来进行快速的开发。在这里只讲一种electron结合vue并且使用前端的 […]...

  8. 跨境电商总署报文加签 – cologyJin

    跨境电商总署报文加签 最近在对接海关总署报文。 订单还好拼好报文就可以了。但是个人物品清单CEB621Mess […]...

展开目录

目录导航