offsetTop 指向body

2024-09-06

获取到body的offsetTop和offsetLeft值

function offsetTL(obj){//获取到body的offsetTop和offsetLeft var t=0,l=0; while(obj){ t=t+obj.offsetTop; l=l+obj.offsetLeft; obj=obj.offsetParent; } return {top:t,left:l};}

1.offsetParent,offsetLeft,offsetTop

offsetParent <!doctype html> <html> <head> <meta charset="utf-8"> <title>document</title> <style> div{ padding:40px 50px;} #div1 { background:red;} #div2 { background:blue; position:relative;} #div3 { ba

offsetWidth, offsetHeight, offsetLeft, offsetTop,clientWidth, clientHeight,clientX,pageX,screenX

offsetWidth: 元素在水平方向上占用的空间大小.包括元素的宽度,内边距,(可见的)垂直滚动条的宽度,左右边框的宽度. offsetHeight:元素在垂直方向上占用的空间大小,包括元素的高度,内边距,(可见的)水平滚动条的高度,上下边框的高度. offsetLeft: 元素的左边框至包含元素的左内边框之间的像素距离 offsetTop: 元素的上边框至包含元素的上内边框之间的像素距离 offsetParent: 保存着包含元素的引用注意: 1.当对象的offsetParent属性指向

JS-scrollTop、scrollHeight、clientTop、clientHeight、offsetTop、offsetHeight的理解

scrollTop, 可写(这些属性中唯一一个可写的元素) Element.scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像素数. 一个元素的 scrollTop 值是这个元素的顶部到视口可见内容(的顶部)的距离的度量.当一个元素的内容没有产生垂直方向的滚动条,那么它的 scrollTop 值为0. scrollTop 可以被设置为任何整数值,同时注意: 如果一个元素不能被滚动(例如,它没有溢出,或者这个元素有一个"non-scrollable"属性), scrollT

一文看懂js中元素偏移量（offsetLeft,offsetTop,offsetWidth,offsetHeight）

偏移量(offset dimension) 偏移量:包括元素在屏幕上占用的所有可见空间,元素的可见大小有其高度,宽度决定,包括所有内边距,滚动条和边框大小(注意,不包括外边距). 以下4个属性可以获取元素的偏移量 1. offsetHeight:元素在垂直方向上占用的空间大小,以像素计.包括元素的高度(可见的),水平滚动条的高度,上边框高度和下边框高度. 2. offsetWidth:元素在水平方向上占用的空间大小,以像素计.包括元素的宽度(可见的),垂直滚动条的宽度,左边框宽度和右边框宽度.

通过一个实例理解 offsetLeft，offsetTop; offsetWidth , offsetHeight

obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型 obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型 obj.offsetWidth 指 obj 控件自身的绝对宽度,不包括因 overflow 而未显示的部分,也就是其实际占据的宽度,整型 obj.offsetHeight 指 obj 控件自身的绝对高度,不包括因 overflow 而未显示的部分,也就是其实

C语言中指向函数的指针简介

引子:在学习CPrimerPlus的第十四章的14.13节中,遇到了如下三行文字,是有关指向函数的指针的,把我搞晕了. char * fump(); //返回指向char的指针的函数 char (* frump)(); //指向返回类型为char的函数的指针 ])(); //由3个指针组成的数组,每个指针指向返回类型为char的函数原来自己根本都不知道还有指向指针的函数,难怪自己懵逼了.参考了两篇博客(1."http://blog.csdn.net/hzyong_c/article/detai

JS this指向

正常模式在正常模式下独立函数的的 this 指向 undefined 或 window. <script type="text/javascript"> function func() { return this.name; } var arg = { name: 'xxx', age: 20, }; r = func(); alert(r); </script> 说明: 这段代码的执行,会弹出没有内容的空白框,func中的this默认的window,但是wi

盒子 offsetLeft、offsetTop、offsetWidth、getBoundingClientRect等属性解释

offsetLeft 获取的是忽略 margin 当前元素距离上一级父节点(有没有设置position,有的话依据父节点,没有的话依据页面最左端这时候不管滚动条移到哪) 当前元素向左的位置记住它会将margin-left加入计算 offsetTop 获取的是忽略 margin 当前元素距离上一级父节点(有没有设置position,有的话依据父节点,没有的话依据页面最顶端端这时候不管滚动条移到哪) 当前元素向上的位置记住它会将margin-top加入计算 offsetWidth 获取盒子的宽

offsetTop、clientTop、scrollTop、offsetTop属性

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:

java多态性，父类引用指向子类对象

父类引用指向子类对象指的是: 例如父类Animal,子类Cat,Dog.其中Animal可以是类也可以是接口,Cat和Dog是继承或实现Animal的子类. Animal animal = new Cat(); 即声明的是父类,实际指向的是子类的一个对象. 那我们从内存角度来理解试试. 假设现在有一个父类Father,它里面的变量需要占用1M内存. 有一个它的子类Son,它里面的变量需要占用0.5M内存. 现在通过代码来看看内存的分配情况: Father f = new Father();//系

【javascript 技巧】谈谈setTimeout的作用域以及this的指向问题

setTimeout的用法详见:http://www.w3school.com.cn/htmldom/met_win_settimeout.asp 是的,setTimeout的常见用法是让某个方法延迟执行.我们知道,setTimeout方法是挂在window对象下的.<JavaScript高级程序设计>第二版中,写到:“超时调用的代码都是在全局作用域中执行的,因此函数中this的值在非严格模式下指向window对象,在严格模式下是undefined”.在这里,我们只讨论非严格模式. setTi

what's this? 浅谈js中this的指向问题

刚刚学习js的朋友可能和我一样,看到代码中的this总是一脸懵逼,不知道this到底指向谁.经过一段时间的了解,我想跟大家分享下自己的理解. 何时出现this 函数在调用的时候,会自动获得两个特殊变量:this和arguments,所以,函数可以调用this变量. this指向谁? 通过一段时间的练习,我觉得可以总结为一句话:this指向他所在函数的作用域对象.如果函数是定义在全局作用域的,那么this指向window,如果函数被某个自定义对象调用,那么this就指向该对象.下面我们通过几个场景

EC笔记，第二部分：10.让=返回指向*this的引用

Effective C++ 学习笔记 10 让=返回指向*this的引用 Table of Contents 1. 原因 2. 建议:在没有充分理由标新立异前,最好的做法是遵从传统. –by SkyFire 1 原因在C++中,连锁赋值是合法的,新类型的=操作符应该尽量遵从这一规定(其实他并不是规定),对于你的类,应该可以这样操作: MyClass a; MyClass b; MyClass c; a=b=c; 2 建议:在没有充分理由标新立异前,最好的做法是遵从传统. Author: Ub

JavaScript中this指针指向的彻底理解

this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象这一点与函数中自由变量Action-varibal不同 var object = { name : 'The Kite Runner', obj : { name : 'childProperty', fn : function(x, y){ var result = x + y; console.log('this-context'+this); consol

JavaScript中this指向的简单理解

首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题. 为什么要学习this?如果你学过函数式编程,面向对象编程,那你肯定知道干什么用的,如果你没有学过,那么暂时可以不

12－返回指针的函数&&指向函数的指针

前言接下来我只讲指针的最常见用法,比如这一章的内容----返回指针的函数与指向函数的指针一.返回指针的函数指针也是C语言中的一种数据类型,因此一个函数的返回值肯定可以是指针类型的. 返回指针的函数的一般形式为:类型名 * 函数名(参数列表) eg: char * upper(参数){} 返回指向char型的指针变量比如下面这个函数,返回一个指向char类型变量的指针 1 // 需求:将字符串str中的小写字母变成大写字母,并返回改变后的字符串 2 // 注意的是:这里的参数要传字

彻底理解js中this的指向，不必硬背。

首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题. 为什么要学习this?如果你学过面向对象编程,那你肯定知道干什么用的,如果你没有学过,那么暂时可以不用看这篇文章

理解javascript this指向

匿名函数中的this指向window对象这句话很经典: 每个函数在调用时,其活动对象都会自动获取两个特殊的变量:this和arguments.内部函数在搜索这两个变量时,只会搜到其活动对象为止,因此永远不肯能访问到外部函数中的这两个变量.不过,把外部作用域中的this对象保存在一个闭包能够访问的变量里,就可以放闭包访问该对象了. 理解作域链.函数表表达式 var name="The Window"; var object={ name:"My object", g

页面位置 top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHe

1.top 此属性仅仅在对象的定位(position)属性被设置时可用.否则,此属性设置会被忽略. 代码如下: <div style=" position:absolute; width:100px; height:100px;"> <p style=" position:absolute; top:-5px;">测试top</p> </div> 上面是一个段落P包含在一个DIV内,可以看到P的top设置为-5px后,

可以改变this指向的方法

this一般指向的是当前被调用者,但也可以通过其它方式来改变它的指向,下面将介绍三种方式: 1.call用作继承时: function Parent(age){ this.name=['mike','jack','smith']; this.age=age; } function Child(age){ Parent.call(this,age);//把this指向Parent,同时还可以传递参数 } var test=new Child(21); console.log(test.age);

offsetTop 指向body

热门专题