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

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. css鼠标样式

    任意标签中插入 style=”cursor:*” 例 子:<span style […]...

  2. vmware-Ghost镜像如何导入虚拟机

    当一台电脑跟服务器用了一定年限后,迟早会遇到几个问题: 1.如何去备份它? 2.当电脑设备硬件损坏或者更换时, […]...

  3. .Net Core 2.1 升级3.1 问题整理

             随着技术的不断拓展更新,我们所使用的技术也在不断地升级优化,项目的框架也在不断地升级,本次讲 […]...

  4. 使用spring boot中的JPA操作数据库

    前言 Spring boot中的JPA 使用的同学都会感觉到他的强大,简直就是神器一般,通俗的说,根本不需要你 […]...

  5. 我的小纠结,技术与认知哪个更重要?

    最近写了几篇关于思想认知的文章,虽说可能会有一些鸡汤类的东西,但都是我自身的感悟和经历,是自己思考过的内容才分 […]...

  6. Oracle入门《Oracle介绍》第一章1-2 Oracle 实例

                        Oracle实例:是后台进程和内存结构的集合 一、内存结构   1.O […]...

  7. Lua骚操作——三元条件运算符

    本文地址:https://www.cnblogs.com/oberon-zjt0806/p/13337577. […]...

  8. java 日历计算农历和节假日的工具类

    背景 业务需求需要后端提供这样的接口,网上找了很多java代码例子,虽然功能实现了 但是不完善,特别是节日那一 […]...

展开目录

目录导航