HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解_经验交流

scrollHeight: 获取对象的滚动高度。 

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 

scrollWidth:获取对象的滚动宽度 

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 

event.clientX 相对文档的水平座标 

event.clientY 相对文档的垂直座标 

event.offsetX 相对容器的水平坐标 

event.offsetY 相对容器的垂直坐标 

document.documentElement.scrollTop 垂直方向滚动的值 

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量 

以上主要指IE之中,FireFox差异如下: 

IE6.0、FF1.06+: 

clientWidth = width + padding 

clientHeight = height + padding 

offsetWidth = width + padding + border 

offsetHeight = height + padding + border 

IE5.0/5.5: 

clientWidth = width - border 

clientHeight = height - border 

offsetWidth = width 

offsetHeight = height 

时间: 2024-08-07 03:25:13

HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解_经验交流的相关文章

javascript scrollLeft,scrollWidth,clientWidth,offsetWidth 完全详解_基础知识

点击下面的链接: GetClientWidth(); GetClientHeight(); GetOffsetWidth(); GetOffsetHeight(); IE6.0.FF1.06+: clientWidth = width + padding = 300+10×2 = 320 clientHeight = height + padding = 200+10×2 = 220 offsetWidth = width + padding + border = 300+10×2+10×2=

Meta标签详解_经验交流

★HTTP-EQUIV  HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容.常用的HTTP-EQUIV类型有:  1.Content-Type和Content-Language (显示字符集的设定)  说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容.  用法:<Meta http-equiv="Content-Type" Content="tex

div+css布局必了解的列表元素ul ol li dl dt dd详解_经验交流

块级元素div尽量少用,其实和table一样,嵌套越少越好,它也是会影响速度的! ol 有序列表. <ol> <li>--</li> <li>--</li> <li>--</li> </ol> 表现为: 1-- 2-- 3-- ul 无序列表,表现为li前面是大圆点而不是123 <ul> <li>--</li> <li>--</li> </ul&

scrollWidth,clientWidth,offsetWidth的区别_javascript技巧

通过一个demo测试这三个属性的差别. 说明: scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大. clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变. offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变. 该demo就在页面中放一个textarea元素,采用默认宽高显示. 情况1: 元素内无内容或者内容不超过可视区,滚动不出现或不可用的情况下. scrollWidth=

php 面向对象详解_对象的串行化和反串行化

  第七章(11)面向对象详解_对象的串行化和反串行化 串行化就是把对象转化成二进制的字符串 (要串行化的对象名称). 反串行化就是把二进制化字化为对象 unserilize(要反串行化的对象名称). 符串转串行化标准: $r1=new Ren("张三",20,"男"); $str=($r1<要串行化的对象>); $file=fopen("tmp.txt"<串行化保存到的文件地址>,"w"<写&g

php 面向对象详解_封装性

第七章(5)面向对象详解_封装性 封装性:就是将对象内部的属性或方法封装在自己的对象内部,在对象内部可以被使用或访问,但在对象的外部或者其它对象里不能使用封装的成员. 封装使用的关键字:private 封装的含义: 1.把对象的全部属性和全部方法结合在一起,形成一个不可分割的独立的单位(对象). 2.信息隐蔽,即尽可能的隐蔽内部细节,对外形成一个边界(或者说对外形成一个屏障),只保留有限的对外的接口,使它与外部发生关系.      第七章(6)面向对象详解_封装时所用的四个常用的方法 带"__&

php 面向对象详解_面向对象的概念

  第七章(1)面向对象详解_面向对象的概念 什么是类:组成一个对象的过程称为类. 什么是对象:类组成的东西叫对象. 类与对象之间的关系:对象由类组合而来,先有类才有对象. 什么是成员属性:定义成员静态描述. 如:人的姓名,性别,身高,体重...... 什么是成员方法:定义成员动态描述.能实现一些什么功能 如:人能吃饭,走路,开车,说话...... 如何去抽象一个类: class 类名 如:人类 {  成员属性:姓名,身高,体重...  成员方法:走路,说话,吃饭,开车... } 例题: cla

php 面向对象详解_常用的自动调用的方法

第七章(10)面向对象详解_常用的自动调用的方法 __tostring() 是直接输入对象时自动调用的方法. <如果想在直接输入对象时得到什么结果,可以将想要得到结果的代码写在__tostrimg()里面> __clone() 对新克隆出来的副本进行属性初始化时自动调用的方法.<如果一个对象想做成两个对象,而不是一个对象有两个名称时,可以使用__clone()的方法,此时在__clone()里面的$this代表副本本身,$that代表原本本身,在书写时不能直接写成 原本对象名称=副本对象

Javascript之BOM(window对象)详解_基础知识

ECMAScript是JavaScript的核心,但在web使用JavaScript,那么BOM(浏览器对象模型)才是真正的核心. BOM的核心对象是window,它表示浏览器的一个实例. 在浏览器中,window对象既是JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象.也就是说,在网页中定义的任何一个变量.对象和函数以window作为其Global对象. 1.全局作用域 既然window对象扮演着Global对象,那么所有在全局作用域中声明的对象.变