JS的宽度和高度简介
js是对各种宽度和高度的简单介绍。
scrollheight:获取对象的滚动高度。
ScrollLeft:设置或获取远程对象的左边缘与窗口中当前可见的内容最左端之间
ScrollTop:设置或获取远程对象的顶部之间的顶部窗口中可见的内容
ScrollWidth:获取对象的滚动的宽度
offsetheight:得到家长的高度坐标的对象相对于布局或由家长offsetparent属性指定坐标
offsetleft:获取的对象相对于布局或母坐标的计算offsetparent属性指定的左边位置
offsettop:获取的对象相对于布局或父母的offsettop属性指定坐标计算的顶部位置
相关文件的event.clientx水平坐标
相关文件的event.clienty垂直坐标
event.offsetx相对容器的水平坐标
event.offsety相对容器的纵坐标
价值document.documentelement.scrolltop垂直方向滚动
事件的数量。ClientX + document.documentelement.scrolltop相对于文档的水平坐标和垂直方向
以上主要指IE,Firefox的区别如下:
IE6.0,ff1.06 +:
clientwidth =宽+填充
自己=高度+填充
offsetwidth =宽+填料+边界
offsetheight =高度+填料+边界
IE5.0 / 5.5:
clientwidth =宽边界
自己=高度边界
offsetwidth =宽度
offsetheight =高度
(有必要提一下:在CSS的边缘属性是独立的clientwidth,offsetwidth,自己,offsetheight)。
offsetwidth(宽+填料+边框)
如果obj是一个HTML控件。
obj.offsettop指的是对象的距离或上控制、位置的整数,单位像素。
obj.offsetleft obj指左侧或上控制位置的距离,整数像素单元。
obj.offsetwidth指的是目标控制本身的宽度的整数,单位像素,得到物体的可见内容的宽度,不包括滚动条,和边界是不包括。
obj.offsetheight指的是目标控制本身,高度的整数,单位像素。
offsetwidth和style.width之间的差异
一、offsettop返回一个数字,和style.top返回一个字符串,一个单位除了数量:PX。
二,offsettop只读,而style.top可以读写。
三、如果顶部风格不是HTML元素中指定,然后style.top返回空字符串。