网页可见区域宽: 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 +" 像素/英寸";

获取页面可视区域高度的做法:

if(document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
return document.documentElement.clientHeight;

}

转载于:https://www.cnblogs.com/h5it/p/8930004.html

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

  1. JavaScript获取浏览器可视区域的宽高

    JavaScript获取浏览器可视区域的宽高 在做项目的时候,我们常常需要对项目做一些优化,来提升页面响应的速度,比如进入可视区域后再发送请求获取数据或者是填充模板,这个时候就需要能够获取到浏览器的可 ...

  2. 获取屏幕可视区域的宽度和高度

    window.outerWidth与window.outerHeight:获得的是加上工具条与滚动条窗口的宽度与高度. window.innerWidth与window.innerHeight:获得的 ...

  3. Android常见公有方法(隐藏虚拟按键/隐藏软键盘/获取屏幕宽高等)

    隐藏虚拟按键,并且全屏 使用: ScreenUtils.hideBottomUIMenu(getWindow().getDecorView()); /*** 隐藏虚拟按键,并且全屏*/public s ...

  4. JS获取浏览器可视区域宽高

    写在前面 浏览器可视区域宽高并不就等于浏览器窗口宽高,而是除去顶部标签栏+滚动条(如果有)+控制台(如果有f12打开)之外的尺寸大小 因为比较简单所以直接上代码: let w, h; // 对于ie9 ...

  5. 获取浏览器可视区域、屏幕的宽和高

    document.documentElement.clientWidth:取得浏览器页面可视区域的宽度document.documentElement.clientHeight:取得浏览器页面可视区域 ...

  6. 获取浏览器的可视区域尺寸

    测试例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...

  7. CreateWindow创建指定宽和高的client区域窗口的方法

    用CreateWindow建立的窗口宽高为nWidth与nHeight参数指定的宽高,此尺寸为整个窗口的宽高而非用户区的宽高. 调用API函数BOOL AdjustWindowRect( LPRECT ...

  8. 【Android 内存优化】自定义组件长图组件 ( 获取图像宽高 | 计算解码区域 | 设置图像解码属性 复用 像素格式 | 图像绘制 )

    文章目录 一.获取图像真实宽高 二.计算解码区域 三.设置解码参数 内存复用 像素格式 四.图像绘制 五.执行效果 六.源码及资源下载 官方文档 API : BitmapRegionDecoder 在 ...

  9. php开发是可视的吗,javascript,html_Jquery判断页面元素是否在浏览器的可视区域内,javascript,html,css,html5 - phpStudy...

    Jquery判断页面元素是否在浏览器的可视区域内 前端开发中,有时需要判断某个元素是否在浏览器的可视区域内,或者是否已经滚动出了可视区域.首先想到的便是javascript操作,原生方法自然可以,不过 ...

最新文章

  1. 「AI初识境」为了围剿SGD大家这些年想过的那十几招
  2. 让CPU占用率听你指挥
  3. 虚拟机ping不通主机,但是主机可以ping通虚拟机(转载)
  4. c语言编写服务器的优点,用C语言编写的服务器中记录效率最高的文件是什么?...
  5. golang 包含文本_Golang教程之Web篇(七)
  6. uniapp 移动端上传文件_基于 uniapp 实现动态路由和动态 Tabbar
  7. 网上的tensorflow和cnn教程汇总
  8. winscp自动执行脚本
  9. ubuntu14.04 搭建 tftp 服务器
  10. NOPI将数据导出至EXCEL表格
  11. 获取GooglePlay下载来源广告数据统计接入
  12. java过滤器是用来干什么的_java过滤器有什么作用
  13. linux下tar命令解压缩,tar解压缩命令 Linux下的tar压缩解压缩命令详解
  14. linux ping加网址,在运行里输入PING加网址是什么意思
  15. Ubuntu 下编写C程序
  16. C/C++ 函数(最大公约数)
  17. excel多次使用格式刷的方法步骤
  18. 灵遁者:写作没有固定的模型,也不会有固定的路
  19. matlab使用invfreqs出错,matlab中butter
  20. 流动电影放映服务器维修,流动数字电影放映机的日常操作与维护

热门文章

  1. LSTC模型的应用场景有哪些?
  2. SSH登录, SCP传文件
  3. HTML5中常见的新语义化标签
  4. OpenCv算法的基本介绍与应用
  5. Android app 后台被杀恢复
  6. 使用串口发送实现ACX720开发板时钟显示
  7. 从规范看海洋测绘单验潮站的控制距离
  8. 青柠开车Spring Cloud(五) —— spring cloud的窗口zuul(路由和过滤器)
  9. 解决关于VS无法加载解决方案中的项目的问题
  10. win10 系统锁屏壁纸的目录