文档章节

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
广州
程序员
从零开始学 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
JavaScript 常用基础知识

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

learn_more
2014/11/08
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

没有更多内容

加载失败,请刷新页面

加载更多

区块链教程以太坊源码分析chain-indexer区块链索引一

兄弟连区块链教程以太坊源码分析chain-indexer区块链索引一 chain_indexer 区块链索引 chain_indexer.go 源码解析 chain_indexer 顾名思义, 就是用来给区块链创建索引的功能。 之前在eth协议...

兄弟连区块链入门教程
5分钟前
0
0
社会化分享插件集成分享

一.前提摘要 社会化分享每个app必备的推广需求,无论是拉新,邀请,游戏奖励,等等都离不开分享的影子,下面我们介绍下社会化分享的插件; 首先要说下,现在的社交App,社区App等,国内外的...

佳妮
5分钟前
0
0
IOC 之 Spring 统一资源加载策略

统一资源:Resource org.springframework.core.io.Resource 为 Spring 框架所有资源的抽象和访问接口 它继承 org.springframework.core.io.InputStreamSource接口 作为所有资源的统一抽象,S...

职业搬砖20年
6分钟前
0
0
Python爬虫实战入门一:工具准备

一、基础知识 使用Python编写爬虫,当然至少得了解Python基本的语法,了解: 基本数据结构 数据类型 控制流 函数的使用 模块的使用 不需要过多过深的Python知识,仅此而已。 个人推荐《Pytho...

糖宝lsh
9分钟前
0
0
Hanlp中使用纯JAVA实现CRF分词

Hanlp中使用纯JAVA实现CRF分词 与基于隐马尔可夫模型的最短路径分词、N-最短路径分词相比,基于条件随机场(CRF)的分词对未登录词有更好的支持。本文(HanLP)使用纯Java实现CRF模型的读取与...

左手的倒影
12分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部