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 ...
随机推荐
- shell 的while语句
转 http://blog.chinaunix.net/uid-25880122-id-2901409.html while循环的格式 while expression do command co ...
- 树莓派的Respbian或者ubuntu系统下安装opencv最有效的方法
第一种方法当然首选和其他安装包相同的方法pip install opencv-python安装失败后果断选择第二种方法,这第二种方法尝试过很多次了,屡试不爽 第二种方法:sudo apt-get in ...
- .NET Core 3.0及ASP.NET Core 3.0 前瞻
前几天微软发布了 .NET Core 3.0 Preview 9 ,这是.NET Core 3.0 最后一个预览版. .NET Core 3.0 正式发布将在.NET Conf 上发布,.NET Co ...
- Day004_Linux基础命令之特殊符号与正则表达式通配符
特殊符号: . 点 cd . 表示当前目录 ' '' 单引号,所见即所得 原封不动输出 " ""双引号,里面的特殊符号会被解析运行 `` ====$( ) 先运行() 里 ...
- Java SSM三端分离开发在线教育平台实战视频教程
目录: 1-01——在线网校实战课程介绍1-02——Eclipse.Maven.JDK介绍1-03——Maven构建Project1-04——新浪SAE介绍2-01——平台业务结构概览2-02——平台 ...
- Apache JMeter (二)性能测试 入门实例
上一节我们说了关于Jmeter环境的配置,接下来讲一个测试的实例. 1.运行Jmeter 进入Jmeter程序所在目录,运行"bin/jmeter.bat" Jmeter支持中文, ...
- Elasticsearch在Java中的增删改查
public class ElasticAPI { private static RestClient restClient; static { restClient=RestClient.build ...
- ACM讲课之字符串
本次讲课讲全面介绍字符串以及如何使用字符串解决具体问题. 一.什么是字符串 1.如何存储字符串 平时我们使用的变量有很多,int代表整型变量,double代表浮点型变量,char代表字符型变量,那么对 ...
- Windows下更换MAC地址
使用TMAC软件是最佳方案.官网地址:www.technitium.com
- mysql 存储过程 (ps:用法自己看 :)
delimiter // drop procedure if exists operate_tables // create procedure operate_tables (in db_name ...