文档章节

JavaScript 常用属性总结

phpweishunlong
 phpweishunlong
发布于 2017/05/14 23:48
字数 430
阅读 3
收藏 0

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

####offsetHeight: offsetHeight 的值等于元素本身的 高+边框2+内边距2 ####offsetWidth: offsetWidth 的值等于元素本身的 宽+边框2+内边距2

####offsetLeft(重点):HTML 元素间隔左方或外层元素的位置,返回的是数字 ####offsetTop(重点):HTML 元素间隔上方或外层元素的位置,返回的是数字

####scrollHeight 文档左边滚动条的高度

####event.clientX(重点) 相对文档的水平座标 ####event.clientY(重点) 相对文档的垂直座标 ####event.offsetX(重点) 相对元素本身的水平坐标 ####event.offsetY(重点) 相对元素的垂直坐标

####document.documentElement.scrollTop 垂直方向滚动的值,不兼容chrome ####document.body.scrollTop 垂直放心滚动的值,不兼容IE与FF,只兼容chrome

####1、offsetLeft

假设 obj 为某个 HTML 元素。
obj.offsetTop 指 obj 间隔上方或上层控件的地位,整型
obj.offsetLeft 指 obj 间隔左方或上层控件的地位,整型
obj.offsetWidth 指 obj 控件自身的宽度,整型
obj.offsetHeight 指 obj 控件自身的高度,整型

####offsetTop 可以获得 HTML 元素间隔上方或外层元素的位置,style.top 也是可以的,二者的差别是:

####一、offsetTop 返回的是数字,而 style.top 返回的是字符串,除了数字外还带有单位:px。

####二、offsetTop 只读,而 style.top 可读写。

####三、若是没有给 HTML 元素指定过 top 样式,则 style.top 返回的是空字符串。

####offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 也是同样事理。

© 著作权归作者所有

共有 人打赏支持
phpweishunlong
粉丝 1
博文 64
码字总数 26259
作品 0
广州
程序员
从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN...

fengdaoting
07/04
0
0
JavaWeb01-HTML篇笔记(七)

.1 案例三:完成对注册页面的数据的简单校验.1.1.1 需求: 对注册页面的数据进行非空的简单校验!!!如果有某个值没有输入,点击提交,弹出一个对话框进行提示!! 1.1.2 分析:1.1.2.1 技术分...

我是小谷粒
04/28
0
0
jQuery学习笔记--选择器和事件

以下内容参考 W3school 简书 你要是问我什么是jQuery 那可以这么两句话概括: jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 要学jQuery最好有点javaScript的基础 ...

codingcoge
05/17
0
0
前端高频面试题 JavaScript篇

以下问题都来自于互联网前端面经分享,回答为笔者通过查阅资料加上自身理解总结,不保证解答的准确性,有兴趣讨论的同学可以留言或者私信讨论。 1.JS的异步机制? 2.闭包如何实现? 3.原型链、...

大雄的学习人生
06/25
0
0
JavaScript 常用基础知识

1、数据类型: 1)原始类型: String Boolean Number Null Undefiend 2)引用类型:Object .......... 总结:为什么老生常谈数据类型呢?在开发中他们到底数据类型有什么指引,我从不纠结Nul...

learn_more
2014/11/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

es6

在实际开发中,我们有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组 传入对象,返回属性名 var obj = {'a':'123','b':'345'};console.l...

不负好时光
8分钟前
0
0
叮!您收到一份超值Java基础入门资料!

摘要:Java语言有什么特点?如何最大效率的学习?深浅拷贝到底有何区别?阿里巴巴高级开发工程师为大家带来Java系统解读,带你掌握Java技术要领,突破重点难点,入门面向对象编程,以详细示例...

全部原谅
10分钟前
0
0
web.xml容器加载顺序

容器对于web.xml的加载过程是context-param >> listener >> fileter >> servlet

Aeroever
12分钟前
1
0
Docker容器日志查看与清理

1. 问题 docker容器日志导致主机磁盘空间满了。docker logs -f container_name噼里啪啦一大堆,很占用空间,不用的日志可以清理掉了。 2. 解决方法 2.1 找出Docker容器日志 在linux上,容器日...

muzi1994
13分钟前
0
0
J2Cache 和普通缓存框架有何不同,它解决了什么问题?

不少人看到 J2Cache 第一眼时,会认为这就是一个普普通通的缓存框架,和例如 Ehcache、Caffeine 、Spring Cache 之类的项目没什么区别,无非是造了一个新的轮子而已。事实上完全不是一回事!...

红薯
16分钟前
365
9

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部