关于屏幕高度

 1 document.body.clientWidth ==> BODY对象宽度
 2 document.body.clientHeight ==> BODY对象高度
 3 document.documentElement.clientWidth ==> 可见区域宽度
 4 document.documentElement.clientHeight ==> 可见区域高度
 5
 6 网页可见区域宽: document.body.clientWidth
 7 网页可见区域高: document.body.clientHeight
 8 网页可见区域宽: document.body.offsetWidth (包括边线的宽)
 9 网页可见区域高: document.body.offsetHeight (包括边线的高)
10 网页正文全文宽: document.body.scrollWidth
11 网页正文全文高: document.body.scrollHeight
12 网页被卷去的高: document.body.scrollTop
13 网页被卷去的左: document.body.scrollLeft
14 网页正文部分上: window.screenTop
15 网页正文部分左: window.screenLeft
16 屏幕分辨率的高: window.screen.height
17 屏幕分辨率的宽: window.screen.width
18 屏幕可用工作区高度: window.screen.availHeight
19 屏幕可用工作区宽度: window.screen.availWidth
20
21 // 部分jQuery函数
22 $(window).height()  //浏览器时下窗口可视区域高度
23 $(document).height()    //浏览器时下窗口文档的高度
24 $(document.body).height()      //浏览器时下窗口文档body的高度
25 $(document.body).outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin
26 $(window).width()  //浏览器时下窗口可视区域宽度
27 $(document).width()//浏览器时下窗口文档对于象宽度
28 $(document.body).width()      //浏览器时下窗口文档body的高度
29 $(document.body).outerWidth(true) //浏览器时下窗口文档body的总宽度 包括border padding
30
31 HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
32 scrollHeight: 获取对象的滚动高度。
33 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
34 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
35 scrollWidth:获取对象的滚动宽度
36 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
37 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
38 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
39 event.clientX 相对文档的水平座标
40 event.clientY 相对文档的垂直座标
41 event.offsetX 相对容器的水平坐标
42 event.offsetY 相对容器的垂直坐标
43 document.documentElement.scrollTop 垂直方向滚动的值
44 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量 

时间: 2024-08-02 11:02:08

关于屏幕高度的相关文章

获取像素密度、屏幕高度、状态栏、标题栏,屏幕截图

演示效果 奇酷1080P 华为1080P 华为720P 屏幕像素参数相关信息表格    像素密度  每英寸像素数  分辨率      分辨率别称      默认图标大小 xxhdpi   3        480   1080*1920   1080P    144*144   重点关注 xhdpi    2        320    720*1280     720P      96*96      适配基准 hdpi     1.5      240    480*800      WVG

div自身高度、屏幕高度

获取元素高度 scrollWidth    //显示当前元素的宽度 scrollHeight   //显示当前元素的高度 scrollLeft     //显示当前元素的左边距左侧的距离 scrollTop    //显示当前元素的顶部距顶部的高度 window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 对于 Internet Explorer 8.7.6.5: document.documentElement.clientH

android获得屏幕高度和宽度

android获得屏幕高度和宽度 android获取屏幕的高度和宽度用到WindowManager这个类,两种方法: 1.WindowManager wm = (WindowManager) getContext()                     .getSystemService(Context.WINDOW_SERVICE);      int width = wm.getDefaultDisplay().getWidth();      int height = wm.getDe

页面内容不足以铺满屏幕高度时,footer居底显示

在项目中常常会遇到这样的问题:页面主要内容不足以铺满一个屏幕的高度,footer下面就会有白块剩余. 现在要实现的效果就是,在主要内容不足以铺满整个屏幕的情况下,footer居于屏幕低部显示,使得整个页面占满屏幕.而当主要内容高度大于整个屏幕高度的时候,footer跟随主要内容进行显示: 方法一: html [html] view plain copy <div class="page"> 主要页面 </div> <footer>底部</foo

根据屏幕高度自适应元素高度

发现自适应很麻烦就随便写了一个根据屏幕高度的自适应 var window_h=function(elem,height){ var elem=document.getElementsByClassName(elem); for(let i=0;i<elem.length;i++){ elem[i].style.height=window.innerHeight *height+ "px" } };

在ScrollView下加入的组件,不能自动扩展到屏幕高度

ScrollView中的组件设置android:layout_height="fill_parent"不起作用的解决办法 在ScrollView中添加一个android:fillViewport="true"属性就可以了.顾名思义,这个属性允许 ScrollView中的组件去充满它. 1 例子,在ScrollView下加入的组件,无论如何也不能自动扩展到屏幕高度. 2 3 布局文件. 4 5 [html] 6 <?xml version="1.0&q

js自适应屏幕高度

//自适应屏幕高度 $(window).resize(function() { hightChange(); }); function hightChange(){ var h = document.documentElement.clientHeight-160; $("#i_con").height( h + 38);// iframe id }

CSS 使用calc()获取当前可视屏幕高度

来自:https://blog.csdn.net/qq_32063079/article/details/89766442 先了解一下CSS3的相对长度单位(参考详细教程) : 相对长度单位指定了一个长度相对于另一个长度的属性.对于不同的设备相对长度更适用. em 它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位.一般浏览器字体大小默认为16px,则2em == 32px:ex 依赖于英文字母小 x 的高度ch 数字 0 的宽度rem 根元素(html)的 font-sizevw

获取状态栏、标题栏、屏幕高度

获取屏幕.状态栏.标题栏高度 @Override public void onWindowFocusChanged(boolean hasFocus) { super.onWindowFocusChanged(hasFocus); if (hasFocus) { //屏幕宽高--包含状态栏.注意,华为的手机不包含下面的[HOME键那一栏],如1920屏幕只有1794 Point point = new Point(); Display disp = this.getWindowManager()