文档章节

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
码字总数 26288
作品 0
广州
程序员
私信 提问
JS 总结之原型继承的几种方式

在之前的总结中,我们详细分析了原型《JS 总结之原型》,原型很大作用用于模拟继承,这一次,我们来聊原型继承的几种方式。 🌶 前提 以一个父类为前提条件,列举 js 继承的继承方式: 🍖...

Karon_
2018/12/24
0
0
JavaScript 常用基础知识

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

learn_more
2014/11/08
0
0
HTML+CSS+原生JS撸一个tab组件

tab组件是很常用的一个ui组件,之前一种的是第三方组件库中的;最近想巩固一下自己的javascript的基础就决定手动撸一个! 实现的功能 当鼠标移动到标题的时候,选中的标题底部有一条横线; 选...

呼啦呀黑
2018/11/16
0
0
从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件

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

fengdaoting
2018/07/04
0
0
python前端jQuery入门

知识点预习 1.jQuery的加载2.jQuery选择器 3.jQuery的click事件 4.jQuery的样式操作 5.jQuery动画 01- 封闭函数 作用:避免在修改他人代码时出现 方法同名替换的情况想让一个函数直接执行用封...

czbkzmj
2018/12/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

查询改写参数配置

参数配置有哪些选项:

Java搬砖工程师
9分钟前
1
0
elasticsearch知识点

elasticsearch基础知识: 基础知识: 1 集群: 主节点不涉及文档级别的变更或搜索 只负责索引的变更 删除 和 集群节点的加入和删除 技术上来说,一个主分片最大能够存储 Integer.MAX_VALUE - 12...

geek土拨鼠
11分钟前
1
0
ECS(Entity-Component-System)

ECS是一种思想 TODO

梦想游戏人
12分钟前
1
0
Navicat使用教程:使用Navicat Premium 12自动执行数据库复制(一)

下载Navicat Premium最新版本 Navicat Premium是一个可连接多种数据库的管理工具,它可以让你以单一程序同时连接到MySQL、Oracle及PostgreSQL数据库,让管理不同类型的数据库更加的方便。 与...

电池盒
13分钟前
3
0
docker 新手向 - 防止容器自动退出的解决方案

本文主要简单介绍 docker 容器与前置进程的关系,以及如何编写 Dockerfile/docker-compose.yml 优雅的让容器可以常驻运行。 docker 容器的生命周期是同容器中的前置进程相关在一起的,这也是...

big_cat
17分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部