document.body.scrollTop等常见易混淆属性整理
|
||
| 网页可见区域宽: 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.scrollTop等常见易混淆属性整理的更多相关文章
- css常见的易混淆属性和值的区别(一)
css的属性很多,每一个属性的值也很多,组合起来便有成千上万种.不同属性之间的相互组合也可以产生不同的样式,css真是一种优美的样式设计语言.下面对工作中常见的易混淆的属性和值进行总结: 1. lin ...
- Java-web易混淆知识点整理
Java-web易混淆知识点 post和get区别 post: 数据不会显示在地址栏 安全 大小无限制 可以提交二进制文件 get: 数据显示在地址栏 不安全 get方式提交有大小限制(约4kb) 相 ...
- css3易混淆属性详解
1.background, background-color, color (1)background:在一个声明中设置所有属性: 如:background: #00FF00 url(bgima ...
- CSS 易混淆属性
1. div中 height和line-height的区别 <div style="height:120px;">是用来规定整个div的高度,文字还是默认会在顶端开始向 ...
- C++易混淆知识点整理
// 1 /////////////////////////////////////////////////////////////////////// // 常量指针:,指针可修改,变量不可修改(只 ...
- JavaScript中易混淆的DOM属性及方法对比
JavaScript中易混淆的DOM属性及方法对比 ParentNode.children VS Node.prototype.childNodes ParentNode.children:该属性继承 ...
- DOM节点中获取文本易混淆的属性
DOM 节点中对于获取文本易混淆的属性,innerText, innerHTML, outerHTML, textContent, nodeValue. 一个实例: <!DOCTYPE html ...
- input屏蔽历史记录 ;function($,undefined) 前面的分号是什么用处 JSON 和 JSONP 两兄弟 document.body.scrollTop与document.documentElement.scrollTop兼容 URL中的# 网站性能优化 前端必知的ajax 简单理解同步与异步 那些年,我们被耍过的bug——has
input屏蔽历史记录 设置input的扩展属性autocomplete 为off即可 ;function($,undefined) 前面的分号是什么用处 ;(function($){$.ex ...
- document.body.scrollTop用法
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offset ...
随机推荐
- 计蒜客-第五场初赛-第二题 UCloud 的安全秘钥(简单)
每个 UCloud 用户会构造一个由数字序列组成的秘钥,用于对服务器进行各种操作.作为一家安全可信的云计算平台,秘钥的安全性至关重要.因此,UCloud 每年会对用户的秘钥进行安全性评估,具体的评估方 ...
- jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、
this指的是原生js的DOM对象 .css(“”):只写一个值是取值,写俩值是赋值 window.onload === $(document).ready(); $(“”):获取元素 标 ...
- java8函数式接口详解、函数接口详解、lambda表达式匿名函数、方法引用使用含义、函数式接口实例、如何定义函数式接口
函数式接口详细定义 函数式接口只有一个抽象方法 由于default方法有一个实现,所以他们不是抽象的. 如果一个接口定义了一个抽象方法,而他恰好覆盖了Object的public方法,仍旧不算做接口的抽 ...
- mysql之explain详解
mysql之explain详解 mysql之explain各个字段的详细意思: 字段 含义 select_type 分为简单(simple)和复杂 type all : 即全表扫描 index : 按 ...
- 小程序组件 scroll-view 横向滚动条无效
小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动,在这次项目中刚好需要用到横向滑动,但在测试过程中发现横向滑动没有了效果(静止在那里没移动过,并且换行了),经调试发现: 1.sc ...
- 基于DevExpress的SpreadsheetControl实现对Excel的打开、预览、保存、另存为、打印(附源码下载)
场景 Winform控件-DevExpress18下载安装注册以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1 ...
- Spring Boot应用上传文件时报错
问题描述 Spring Boot应用(使用默认的嵌入式Tomcat)在上传文件时,偶尔会出现上传失败的情况,后台报错日志信息如下:"The temporary upload location ...
- linux 假死分析
所谓假死,就是能ping通,但是ssh不上去:任何其他操作也都没反应,包括上面部署的apache也打不开页面. 作为一个多任务操作系统,要把系统忙死,忙到ssh都连不上去,也不是那么容易的.尤其是现在 ...
- GS-PON数据库分区列范围查询优化案例
查询慢的SQL: with p as( select np.nodecode , np.nodename, d.deviceid, d.devicename, d.loopaddress, p.res ...
- 配置树莓派3的openwrt中的网络
在上一篇中讲到openwrt的编译安装: http://www.cnblogs.com/yeqluofwupheng/p/7296218.html 但是烧写进去,启动系统后发现它的默认配置是路由器,所 ...