一、js部分

1.获取屏幕尺寸

获取屏幕宽度：window.screen.width; //整个屏幕的宽度
获取屏幕高度：window.screen.height; //整个屏幕的高度

2.获取可用工作区尺寸

获取屏幕可用工作区域宽度：window.screen.availWidth; //pc端与上面两个一致，移动端除个别其他也一致（试一下即可）
获取屏幕可用工作区域高度：window.screen.availHeight;

3.获取body的宽高（不含边框）

获取网页内body的宽度：document.body.clientWidth; //client不包括边框
获取网页内body的高度：document.body.clientHeight;

4.获取网页的宽高

获取整个网页的宽度：document.body.scrollWidth
获取整个网页的高度：document.body.scrollHeight

document.body.scrollHeight 为网页可见高度加上未显示的网页的高度（滚动条未显示部分）即整个网页的高度

5.获取body的宽高（含边框）

获取网页内body的宽度:document.body.offsetWidth //offset包括边框
获取网页内body的高度:document.body.offsetHeight

6.获取元素到顶部的距离

获取元素到顶部的距离：document.getElementsByClassName(“div”)[0].offsetTop
获取元素到左边的距离：document.getElementsByClassName(“div”)[0].offsetLeft

7.获取滚动条到top和left的距离

获取滚动条到顶部的距离：document.body.scrollTop / document.documentElement.scrollTop
获取滚动条到左边的距离：document.body.scrollLeft / document.documentElement.scrollLeft

二、JQ部分

1、获取当前窗口浏览器宽高

获取当前窗口浏览器可视区域宽度：(window).width();获取当前窗口浏览器可视区域高度：(window).width(); 获取当前窗口浏览器可视区域高度：(window).width();获取当前窗口浏览器可视区域高度：(window).height();

2、获取当前窗口文档高宽

获取当前窗口文档宽度：(document).width();获取当前窗口文档高度：(document).width(); 获取当前窗口文档高度：(document).width();获取当前窗口文档高度：(document).height();

3、获取当前窗口body高宽

获取body宽度：(document.body).width();获取body高度：(document.body).width(); 获取body高度：(document.body).width();获取body高度：(document.body).height();

JS_js和jq获取屏幕高度、宽度的方法相关推荐

Android获取屏幕高度宽度的方法
WindowManager wm = (WindowManager) this .getSystemService(Context.WINDOW_SERVICE); int width = wm.ge ...
Flutter获取屏幕高度宽度,语言环境,触摸收起键盘,back按键
屏幕宽度高度:MediaQuery.of(context).size.width 屏幕宽度高度:MediaQuery.of(context).size.height 屏幕状态栏高度:MediaQuer ...
js获取屏幕高度宽度分辨率问题，当css3的@media查询写法不能解决问题时请看这个
当css的@media查询写法如下: @media screen and (max-width: 1920px) { .feature-table { height: 980px;backgr ...
android屏幕密度高度,Android获取常用辅助方法(获取屏幕高度、宽度、密度、通知栏高度、截图)...
我们需要获取Android手机或Pad的屏幕的物理尺寸,以便于界面的设计或是其他功能的实现.下面就分享一下Android中常用的一些辅助方法: 获取屏幕高度: /** * 获得屏幕高度 * @para ...
js和jQuery 获取屏幕高度、宽度
js获取屏幕高度,宽带网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body ...
聊聊获取屏幕高度这件事
问题的起因是我发现 PopupWindow弹出位置不正确时发现的.其实早在两年多前,我就发现我手上的小米MIX2s 获取屏幕高度不正确,后面参考V2EX 的这篇帖子处理了.最近又一次做到类似功能,发现 ...
华为手机获取状态栏高度是错误的_聊聊获取屏幕高度这件事
问题的起因是我发现 PopupWindow弹出位置不正确时发现的.其实早在两年多前,我就发现我手上的小米MIX2s 获取屏幕高度不正确,后面参考V2EX 的这篇帖子处理了.最近又一次做到类似功能,发现 ...
android如何获取分屏区域的宽高,Android N获取屏幕高度的问题
获取屏幕高度的代码 int getScreenHeight(Activity context) { WindowManager wm = (WindowManager)context.getSyste ...
Android 获取屏幕高度，虚拟导航键检测
本篇文章主要总结一下在全面屏上获取高度的问题. 获取屏幕高度一般 Android 上获取设备的高度都是通过 DefaultDisplay 的方式来获取的如下: public int getScree ...
小程序中获取屏幕高度
屏幕高度问题小程序中有时候需要获取屏幕高度使用,简单的通过wx.getSystemInfo即可获取到手机的系统信息 wx.getSystemInfo中有3个高度,分别是: screenHeight: ...

JS_js和jq获取屏幕高度、宽度的方法