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 ...
随机推荐
- git bash下添加忽略文件列表
转载自:https://blog.csdn.net/weixin_42808389/article/details/81232119 在用KEIL 5(MDK ARM)开发项目时需要用到GIT管理代码 ...
- 第一章(Kotlin:定义和目的)
实战Kotlin勘误 Kotlin 资源大全 Kotlin主要特征 目标平台 编写服务器端代码(典型的代表是Web应用后端) 创建Android设备上运行的移动应用(Android开发) 其他:可以让 ...
- Maven学习归纳(一)——简单的环境配置入门
一.Maven的基本概念 Maven是基于项目对象模型(POM),可以通过一小段描述信息来管理项目的编译,测试,构建,报告和文档的软件项目管理工具和解决依赖关系的工具. 1.1 项目的构建 项目的构建 ...
- Istio 1.3 发布,HTTP 遥测不再需要 Mixer
原文链接:Istio 1.3 发布,HTTP 遥测不再需要 Mixer Istio 是 Google.IBM 和 Lyft 联合开源的服务网格(Service Mesh)框架,旨在解决大量微服务的发现 ...
- .Net基础篇_学习笔记_第七天_计算质数(找出0-100以内说有质数)
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...
- 浅谈Task的用法
Task是用来实现多线程的类,在以前当版本中已经有了Thread及ThreadPool,为什么还要提出Task类呢,这是因为直接操作Thread及ThreadPool,向线程中传递参数,获取线程的返回 ...
- [Leetcode] 第331题 验证二叉树的前序序列化
一.题目描述 序列化二叉树的一种方法是使用前序遍历.当我们遇到一个非空节点时,我们可以记录下这个节点的值.如果它是一个空节点,我们可以使用一个标记值记录,例如 #. _9_ / \ 3 2 / \ / ...
- [C++] 重载运算符与类型转换(1)
1.形式:返回值 operator符号(参数列表){} 2.不能被重载的运算符::: 作用域运算符 .* . 成员访问运算符 ?: 条件运算符:某些运算符(逗号,,取地址&, ...
- 第六届蓝桥杯java b组第十题
10.压缩变换(程序设计) 小明最近在研究压缩算法. 他知道,压缩的时候如果能够使得数值很小,就能通过熵编码得到较高的压缩比. 然而,要使数值很小是一个挑战. 最近,小明需要压缩一些正整数的序列,这些 ...
- 远古框架-SSH maven配置 (包含gson)
Spring3.2.17+Struts2.3.15+Hibernate3.6.10 <?xml version="1.0" encoding="UTF-8" ...