美文网首页
经常用到的浏览器属性

经常用到的浏览器属性

作者: 嗝喯唲 | 来源:发表于2016-05-31 11:02 被阅读88次

网页可见区域宽: document.body.clientWidth;

网页可见区域高: document.body.clientHeight;

网页可见区域宽: document.body.offsetWidth (包括边线的宽);

网页可见区域高: document.body.offsetHeight (包括边线的宽);

网页正文全文宽: document.body.scrollWidth;

网页正文全文高: document.body.scrollHeight;

网页被卷去的高: document.body.scrollTop;

网页被卷去的左: document.body.scrollLeft;

网页正文部分上: window.screenTop;

网页正文部分左: window.screenLeft;

屏幕分辨率的高: window.screen.height;

屏幕分辨率的宽: window.screen.width;

屏幕可用工作区高度: window.screen.availHeight;

屏幕可用工作区宽度:window.screen.availWidth;

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标

offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面

或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面

或由 offsetTop 属性指定的父坐标的计算顶端位置

event.clientX 相对文档的水平座标

event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标

document.documentElement.scrollTop 垂直方向滚动的值

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量要获取当前页面的滚动条纵坐标位置,
用:document.documentElement.scrollTop;
而不是:document.body.scrollTop;documentElement 对应的是 html 标签,而 body 对应的是 body 标签

相关文章

  • 经常用到的浏览器属性

    网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.bod...

  • CALayer

    CALayer属性及描述 上面有几个不经常使用到的属性。例如。 anchorPoint这个属性默认这为(0.5,0...

  • flex 相关属性

    flex 这个 CSS 属性已经标准化很久了。目前市面上绝大多数浏览器也已经支持。在实际应用中也经常会用到。但是涉...

  • javaScript获取浏览器类型以及版本

    检测浏览器类型的需要用到js的Navigator对象 Navigator对象的属性 有: appCodeName...

  • iOS知识总结——strong、copy、assign、weak

    在iOS开发中定义@property属性时,经常经常用到strong、copy、assign、wak等关键字。经常...

  • 浏览器兼容

    用到的网站浏览器市场份额caniuse.com 查CSS属性兼容browserhacks 查 Hack 的写法 1...

  • Android | 自定义属性

    前言 自定义View经常需要用到自定义属性 属性根据使用方式不同,也可以分为控件属性、主题属性、Manifest属...

  • catergory一些基本总结 不喜勿喷 谢谢

    最近都在用到category 经常用tablview scrollview 添加额外属性与方法 这个时候就需要用到...

  • 富文本

    在实际的应用开发中经常需要使用到富文本,这里总结经常使用到的富文本属性方便学习与记忆 NSFontAttribut...

  • ObjC 学习笔记(二):对象关联

    我们在导入runtime经常会使用到关联对象这个特性,这个方法可以为我们动态的添加自定义属性。 我们在经常使用到的...

网友评论

      本文标题:经常用到的浏览器属性

      本文链接:https://www.haomeiwen.com/subject/qamcdttx.html