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

offset的更多相关文章

  1. Kafka 如何读取offset topic内容 (__consumer_offsets)

    众所周知,由于Zookeeper并不适合大批量的频繁写入操作,新版Kafka已推荐将consumer的位移信息保存在Kafka内部的topic中,即__consumer_offsets topic,并 ...

  2. offset、client、scroll开头的属性归纳总结

    HTML元素有几个offset.client.scroll开头的属性,总是让人摸不着头脑.在书中看到记下来,分享给需要的小伙伴.主要是以下几个属性: 第一组:offsetWidth,offsetHei ...

  3. kafka主题offset各种需求修改方法

    简要:开发中,常常因为需要我们要认为修改消费者实例对kafka某个主题消费的偏移量.具体如何修改?为什么可行?其实很容易,有时候只要我们换一种方式思考,如果我自己实现kafka消费者,我该如何让我们的 ...

  4. JavaScript学习笔记5 之 计时器 & scroll、offset、client系列属性 & 图片无缝滚动

    一.计时器 setInterval ( 函数/名称 , 毫秒数 )表示每经过一定的毫秒后,执行一次相应的函数(重复) setTimeout ( 函数/名称 , 毫秒数 ) 表示经过一定的毫秒后,只执行 ...

  5. margin()与offset()的区别

    margin() 简写属性在一个声明中设置所有外边距属性. offset() 方法返回或设置匹配元素相对于文档的偏移(位置).

  6. Excel——使用OFFSET、MATCH、COUNTA实现二级菜单

    如图所示,接下来提供两种办法实现: 1.将A.B.C.D定义为名称NAME. 2.设置一级菜单单元格数据有效性为NAME. 3.设置二级菜单格数据有效为: =OFFSET($A$1,MATCH($A6 ...

  7. Excel——OFFSET函数

    1.首先看下offset函数的参数设置: 说明:height,width表面它的返回值可以是一个数组,而并非一个值.这样,它就可以用于数据有效性等. 2.使用offset实现转置: 3.offset函 ...

  8. JavaScript中的 offset, client,scroll

    在js 中我们要用到的 offset, client, scroll 在这我把自己理解的给大家分享一下. offset div.offsetTop 指div距离上方或上层控件的距离,单位像素 div. ...

  9. 第五篇:在SOUI中使用XML布局属性指引(pos, offset, pos2type)

    窗口布局的概念 每一个UI都是由大量的界面元素构成的,在Windows编程,这些界面元素的最小单位通常称之为控件. 布局就是这些控件在主界面上的大小及相对位置. 传统的布局一般使用一个4个绝对坐标来定 ...

  10. TOP 和 OFFSET 筛选(转)

    SQL Server 对行数的排序提供了 TOP 筛选.SQL Server 2012 新增了 OFFSET 筛选. 一.TOP 筛选 如果有 ORDER BY 子句,TOP 筛选将根据排序的结果返回 ...

随机推荐

  1. 有一种acm题目叫做,奇葩!

    本文全然没有技术含量,纯粹是娱乐. 我事实上想写点东西.可是近期好像做计算几何做得太多了,一种想说说不出东西的感觉,唯有写一下一些奇葩的题目了. HDU3337:Guess the number pi ...

  2. 购买DigtalOcean VPS 以及 连接Linux

    1.DigtalOcean简介 digitalocean是一家成立于2012年的总部设置在纽约的云主机商家,眼下在荷兰的阿姆斯特丹(AMS1.AMS2).美国的纽约(NYC1.NYC2)和旧金山(SF ...

  3. HA高可用的搭建

    HA 即 (high available)高可用,又被叫做双机热备,用于关键性业务. 简单理解就是,有两台机器A和B,正常是A提供服务,B待命闲置,当A宕机或服务宕掉,会切换至B机器继续提供服务.常用 ...

  4. Respond.js让IE6-8支持CSS3 Media Query

    原文地址:http://caibaojian.com/respondjs.html   使用方式   官方demo地址:http://scottjehl.github.com/Respond/test ...

  5. 《C++ Primer Plus 6th》读书笔记 - 第十一章 使用类

    1. 运算符重载 2. 计算时间:一个运算符重载示例 3. 友元 1. 友元有三种: 友元函数 友元类 友元成员函数 4. 重载运算符:作为成员函数还是非成员函数 5. 再谈重载:一个矢量类 6. 类 ...

  6. C语言-运算符与表达式

    运算符分类: 算术运算符:+   -  *    /          % 关系运算符:>  <  =  <=  >= ==  != 逻辑运算符:&& || ! ...

  7. wampserver 自定义站点

    wampserver配置多站点,安装完wampserver后,我们要做的肯定是很多项目,那么如何配置wampserver多站点呢. 在“httpd.conf”文件中查找:Include conf/ex ...

  8. 国外大神Leo-G的 DevopsWiki

    https://raw.githubusercontent.com/Leo-G/DevopsWiki/master/README.md 总结的太好了,直接把md文件贴过来好了!慢慢学习!分享给大家,觉 ...

  9. swift笔记06

    for in循环 for 被乘数 in 1...5{ println("\(被乘数) 乘以 5 等于 \( 被乘数 * 5)"); } let  女神们 = ["小林&q ...

  10. CURL 和LIBCURL C++代码 上传本地文件,好不容易碰到了这种折腾我几天的代码

    解决了什么问题:curl在使用各种方式上传文件到服务器.一般的文件上传是通过html表单进行的,通过CURL可以不经过浏览器,直接在服务器端模拟进行表单提交,完成POST数据.文件上传等功能. 服务器 ...