js获取可视区域高度

 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-12-05 20:08:36

js获取可视区域高度的相关文章

JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width());

jquery 获取浏览器窗口的可视区域高度 宽度 滚动条高

原文:http://www.open-open.com/code/view/1421827925437 alert($(window).height()); //可视区域高度 alert($(document).height()); //文档的高度 alert($(document.body).height());//文档body的高度 alert($(document.body).outerHeight(true));//文档body的总高度 包括border padding margin a

js 获取div 图片高度

使用jquery获取网页中图片的高度其实很简单,有两种常用的方法都可以打到我们的目的 $("img").whith();(返回纯数字) $("img").css("width");(返回字符串:数字+"px") 但是有时候会遇到返回0的情况,上面方法返回值竟然是0或者0px,很让人诧异 jquery有以下两种常用的jquery事件加载的方法 $(function(){}); window.onload=function(){}

js获取窗口滚动条高度、窗口可视范围高度、文档实际内容高度、滚动条离浏览器底部的高度

1.获取窗口可视范围的高度 1 //获取窗口可视范围的高度 2 function getClientHeight(){ 3 var clientHeight=0; 4 if(document.body.clientHeight&&document.documentElement.clientHeight){ 5 var clientHeight=(document.body.clientHeight<document.documentElement.clientHeight)?doc

js获取文档高度

网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: document.body.sc

js获取网页面的高度和宽度

网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth(包括边线的宽)网页可见区域高:document.body.offsetHeight(包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:document.body.scrollTop(I

js 基于可视区域 创建展示区域对应的经纬度二维数组

本篇文章主要是分享下基于地图区域创建经纬度二维数组,需要的朋友可以过来参考下 接上个文章, 基于 地图区域,算出这个展示区域对应的点. 经纬度的变化关系:  XY页面展示上, 从左到右维度是增加 如: 106  -> 107 , 从上到下经度是减小  如:30 ->29 创建的时候需要确定从哪开始, 附上代码,如下: function getSizePointsData (latMin,latMax,lngMin,lngMax,lngStep,latStep){ // 区域的最小经度,最大经度

js 获取滚动条的高度 以及 设置滚动条的高度

//设置窗口滚动条高度 function setScrollTop(top){ if(!isNaN(top))document.body.scrollTop = top; } //取窗口滚动条高度 function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop){ scrollTop=document.documentElement.scrol

js 获取手机屏幕高度的代码

需要这段代码的背景: h5网页嵌入嵌入原生APP中时,在某些机型(如小米4),当页面高度不足慢一屏时,position:fixed;bottom:0d的"按钮"会被遮住,所以需要给页面body设置足够高的最小高度值(min-height),将页面撑高.或者使用如下代码,将html的最小高度值设置为当前手机屏幕的高度. <script> var mobileHeight=window.innerHeight+"px"; document.getElemen