资讯专栏INFORMATION COLUMN

<javascript高级程序设计>第十二章读书笔记----偏移量

dayday_up / 3252人阅读

摘要:包括元素的高度上下内边距上下边框值,如果元素的的值为那么该值为。该值为元素的包含元素。最后,所有这些偏移量都是只读的,而且每次访问他们都需要重新计算。为了避免重复计算,可以将计算的值保存起来,以提高性能。

offsetHeight
包括元素的高度、上下内边距、上下边框值,如果元素的style.display的值为none,那么该值为0。
offsetWidth
包括元素的宽度、左右内边距、左右边框值,如果元素的style.display的值为none,那么该值为0。
offsetTop
元素的上外边框至包含该元素的上内边框之间的像素距离,当然包括元素的外边距,如果元素的style.display的值为none,那么该值为0。
offsetLeft
元素的左外边框至包含该元素的左内边框之间的像素距离,包括外边框,如果元素的style.display的值为none,那么该值为0。
offsetParent
该值为元素的包含元素。具体的值跟元素的定位有关,具体的值参考正美的博客。如果该元素的style.display的值为none,或者position的值为fixed,那么该值为null。这个还跟浏览器有关。概括起来就是距离该元素最近被定位的元素。

在 Webkit 中,如果元素为隐藏的(该元素或其祖先元素的 style.display 为 "none"),或者该元素的 style.position 被设为 "fixed",则该属性返回 null。
在 IE 9 中,如果该元素的 style.position 被设置为 "fixed",则该属性返回 null。(display:none 无影响。)

最后,所有这些偏移量都是只读的,而且每次访问他们都需要重新计算。为了避免重复计算,可以将计算的值保存起来,以提高性能。那么是不是jquery.offset().left等方法也是重复计算的呢?

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85640.html

相关文章

  • 《java 8 实战》读书笔记 -第十二章 新的日期和时间 API

    摘要:类似地,一天中的时间,比如,可以使用类表示。合并日期和时间这个复合类名叫,是和的合体。对于最常见的用例,日期和时间已经提供了大量预定义的。你甚至还可以创建这样的,它使用的历法系统,以相对于格林尼治时间的偏差方式表示日期时间。 一、LocalDate、LocalTime、Instant、Duration 以及 Period 1.使用 LocalDate 和 LocalTime 创建一个L...

    darry 评论0 收藏0
  • 《Java8实战》-第十二章笔记(新的日期和时间API)

    摘要:合并日期和时间这个复合类名叫,是和的合体。截至目前,我们介绍的这些日期时间对象都是不可修改的,这是为了更好地支持函数式编程,确保线程安全,保持领域模式一致性而做出的重大设计决定。 新的日期和时间API Java的API提供了很多有用的组件,能帮助你构建复杂的应用。不过,Java API也不总是完美的。我们相信大多数有经验的程序员都会赞同Java 8之前的库对日期和时间的支持就非常不理想...

    khlbat 评论0 收藏0
  • 《HTML与CSS 第一章 认识HTML》读书笔记

    摘要:一让广播明星黯然失色要建立页面,需要创建用超文本标记语言,编写的文件,把它们放在一个服务器上二服务器能做什么服务器在互联网上有一份全天候的工作。一、Web让广播明星黯然失色    要建立Web页面,需要创建用超文本标记语言(HyperText Markup Language,HTML)编写的文件,把它们放在一个Web服务器上二、Web服务器能做什么?  Web服务器在互联网上有一份全天候的工...

    番茄西红柿 评论0 收藏0
  • 读书笔记之深入理解Java虚拟机

    摘要:前言本文内容基本摘抄自深入理解虚拟机,以供复习之用,没有多少参考价值。此区域是唯一一个在虚拟机规范中没有规定任何情况的区域。堆是所有线程共享的内存区域,在虚拟机启动时创建。虚拟机上把方法区称为永久代。 前言 本文内容基本摘抄自《深入理解Java虚拟机》,以供复习之用,没有多少参考价值。想要更详细了解请参考原书。 第二章 1.运行时数据区域 showImg(https://segment...

    jaysun 评论0 收藏0

发表评论

0条评论

dayday_up

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<