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

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. Redis Hash和List常用命令

    Redis Hash和List常用命令 Hash 1. HSET 命令 127.0.0.1:6379> […]...

  2. HTTP Status 500

    HTTP Status 500 – org.mybatis.spring.MyBatisSyste […]...

  3. Tomcat 服务器——部署Web工程

    一、部署Web项目   1、方式一     只需要把 Web 工程的目录拷贝到 Tomcat 的 webapp […]...

  4. php 多进程

    cli模式下,可以多进程加速执行 (php-fpm下不适用,其多进程有自身的机制) // 这些变量也会fork到每个进程$pv = [];for ($i = 0; $i < 10; $i++) {$pv[] = $i * 10 + $i...

  5. Seq2Seq原理详解

    一、Seq2Seq简介   seq2seq 是一个Encoder–Decoder 结构的网络,它的输入是一个序 […]...

  6. Jmeter(二) – 从入门到精通 – 创建测试计划(Test Plan)(详解教程)

    1.简介   上一篇中宏哥已经教你把JMeter的测试环境搭建起来了,那么这一篇我们就将JMeter启动起来, […]...

  7. promise 进阶 —— async / await 结合 bluebird

    一、背景 1、Node.js 异步控制 在之前写的 callback vs async.js vs promi […]...

  8. Webstorm下安装ESLint检测JS代码

    今天配置下Webstorm下面的Eslint, 先看下本地安装的Node,NPM版本,2017-11-23日这 […]...

展开目录

目录导航