js中各种宽度高度总结
2015-11-16 09:57
447 查看
offsetWidth 是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变
IE6.0、FF1.06+:
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5:
offsetWidth = width
offsetHeight = height
clientWidth是对象看到的宽度(不含边线,即border)
scrollWidth是对象实际内容的宽度(若无padding,那就是边框之间距离,如有padding,就是左padding和右padding之间距离)
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置(如果父元素已经定位则是相对于父元素,如果父元素未定位则是相对于body)
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
IE6.0、FF1.06+:
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5:
offsetWidth = width
offsetHeight = height
clientWidth是对象看到的宽度(不含边线,即border)
scrollWidth是对象实际内容的宽度(若无padding,那就是边框之间距离,如有padding,就是左padding和右padding之间距离)
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置(如果父元素已经定位则是相对于父元素,如果父元素未定位则是相对于body)
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
相关文章推荐
- C#编程实现对象与JSON串互相转换实例分析
- 跟我学习javascript的浮点数精度
- 跟我学习javascript的严格模式
- JavaScript操作DOM
- JavaScript
- javascript中tostring()和valueof()的用法及两者的区别
- js中获取文件的本地路径的代码
- js正则表达式元字符与特殊字符
- 关于原生js的一些研究
- JS正则表达式分组与引用
- js登录页面的 回车事件
- Javascript正则表达式的创建
- Javascript字符串中的正则表达式
- JavaScript RegExp对象
- 关于javascript中dataset的问题小结
- javascript入门教程基础篇
- 原生JavaScript事件详解
- struct2json -- C结构体与 JSON 快速互转库V1.0发布
- js文件引用JSP EL vo
- 记录一款不错的插件fullpage.js