获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。

 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 ==> 网页正文全文宽document.body.scrollHeight ==> 网页正文全文高
11 document.body.scrollTop ==> 网页被卷去的高
12 document.body.scrollLeft ==> 网页被卷去的左
13 window.screenTop ==> 网页正文部分上
14 window.screenLeft ==> 网页正文部分左
15 window.screen.height ==> 屏幕分辨率的高
16 window.screen.width ==> 屏幕可用工作区高度
17 window.screen.availHeight ==> 屏幕可用工作区高度
18 window.screen.availWidth ==> 屏幕可用工作区宽度

部分jquery函数获取方法

1 // 部分jQuery函数
2 $(window).height()   //浏览器时下窗口可视区域高度
3 $(document).height()  //浏览器时下窗口文档的高度
4 $(document.body).height()      //浏览器时下窗口文档body的高度
5 $(document.body).outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin
6 $(window).width()   //浏览器时下窗口可视区域宽度
7 $(document).width() //浏览器时下窗口文档对于象宽度
8 $(document.body).width()      //浏览器时下窗口文档body的高度
9 $(document.body).outerWidth(true) //浏览器时下窗口文档body的总宽度 包括border padding
 1 HTML精确定位:  scrollLeft,scrollWidth,clientWidth,offsetWidth
2 scrollHeight: 获取对象的滚动高度。
3 scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
4 scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
5 scrollWidth: 获取对象的滚动宽度
6 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
7 offsetLeft: 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
8 offsetTop: 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
9 event.clientX 相对文档的水平座标
10 event.clientY 相对文档的垂直座标
11 event.offsetX 相对容器的水平坐标
12 event.offsetY 相对容器的垂直坐标
13 document.documentElement.scrollTop 垂直方向滚动的值
14 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度
alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

Js/Jquery获取网页屏幕可见区域高度的更多相关文章

  1. js获取网页屏幕可视区域高度

    document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.document ...

  2. js获取网页屏幕可见区域高度

    document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.docume ...

  3. [js]获取网页屏幕可见区域高度

    document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.docume ...

  4. 【转载】实用的Javascript获取网页屏幕可见区域高度

    本文转载原地址:这里 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 docu ...

  5. js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码

    获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下.IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 代码如下: document.body.offsetWidth doc ...

  6. 实用的Javascript获取网页屏幕可见区域高度

    本文转载原地址:这里 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 docu ...

  7. 使用jquery获取网页中图片的高度——解惑

    jQuery获取网页中图片的高度 使用jquery获取网页中图片的高度其实很简单,有两种常用的方法都可以打到我们的目的 $("img").whith();(返回纯数字) $(&qu ...

  8. JS,Jquery获取各种屏幕的宽度和高度(转载)

    原文:https://www.cnblogs.com/fuyuanming/articles/5453756.html 1.JS 网页可见区域宽: document.body.clientWidth ...

  9. JS,Jquery获取各种屏幕的宽度和高度

    Javascript: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.b ...

随机推荐

  1. 使用Spring注解注入属性

    本文介绍了使用Spring注解注入属性的方法.使用注解以前,注入属性通过类以及配置文件来实现.现在,注入属性可以通过引入@Autowired注解,或者@Resource,@Qualifier,@Pos ...

  2. Understanding and Creating OWIN Middlewares - Part 1

    In my previous article, What is OWIN? A Beginners Guide we learned the basics of OWIN and the benefi ...

  3. BZOJ4765: 普通计算姬

    BZOJ4765: 普通计算姬 题目描述 传送门 题目分析 求的和非常奇怪,不具有连续性,所有上树的数据结构全死了. 考虑分块,思考对于一段连续的询问区间可以直接询问整块,零散块可以在树上dfs序暴力 ...

  4. 【Semantic Segmentation】DeepLab V3(转)

    原文地址:DeepLabv3 代码: TensorFlow Abstract DeepLabv3进一步探讨空洞卷积,这是一个在语义分割任务中:可以调整滤波器视野.控制卷积神经网络计算的特征响应分辨率的 ...

  5. php isset

    isset函数是检测变量是否设置. 格式:bool isset ( mixed var [, mixed var [, ...]] ) 返回值: 若变量不存在则返回 FALSE 若变量存在且其值为NU ...

  6. flex-wrap:wrap弹性盒布局,自动换行

    给父盒子ul{display:flex; flex-wrap:wrap; }

  7. 第八章:部署Tornado

    到目前为止,为了简单起见,在我们的例子中都是使用单一的Tornado进程运行的.这使得测试应用和快速变更非常简单,但是这不是一个合适的部署策略.部署一个应用到生产环境面临着新的挑战,既包括最优化性能, ...

  8. Android6.0------权限申请~easypermissions

    前面写了Android6.0权限介绍和权限单个,多个申请,用的是纯Java代码,本文主要说的是借助第三方库来实现权限申请. 借助第三方库 easypermissions来申请6.0权限,Google官 ...

  9. shell数组中“和@的妙用

    #!/bin/bashlist=(4k"8k a bit""16k abc""32k gold"64k)for i in "${l ...

  10. Codeforces Round #202 (Div. 2)

    第一题水题但是wa了一发,排队记录下收到的25,50,100,看能不能找零,要注意100可以找25*3 复杂度O(n) 第二题贪心,先找出最小的花费,然后就能得出最长的位数,然后循环对每个位上的数看能 ...