文档章节

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

没有更多内容

加载失败,请刷新页面

加载更多

Redis缓存穿透、缓存雪崩和缓存击穿

Redis缓存穿透、缓存雪崩 缓存雪崩,是指在某一个时间段,缓存集中过期失效。 产生雪崩的原因之一,比如在写本文的时候,马上就要到双十二零点,很快就会迎来一波抢购,这波商品时间比较集中...

architect刘源源
30分钟前
10
1
ArrayList源码分析

一、核心变量 // 序列化ID private static final long serialVersionUID = 8683452581122892189L; // 默认初始化容量 private static final int DEFAULT_CAPACITY = 10; ......

星爵22
39分钟前
3
0
++a a++的再次理解

public class Test { //// public static void main(String[] args) throws InterruptedException { // TODO Auto-generated method stub int a=1; int b=2; int c; int d; c=......

南桥北木
39分钟前
3
0
整合Spring和SpringMVC

1.Spring容器和SpringMVC容器的关系 Spring容器是一个父容器,SpringMVC容器是一个子容器,它继承自Spring容器。因此,在SpringMVC容器中,可以访问到Spring容器中定义的Bean,而在Spring容器...

薛小二
39分钟前
3
0
递归实现后序遍历二叉树

问题描述 从键盘接受输入先序序列,以二叉链表作为存储结构,建立二叉树(以先序来建立)并对其进行后序遍历,然后将遍历结果打印输出。要求采用递归方法实现。 解题思路 递归实现 程序实现 ...

niithub
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部