js的offset是什么意思及使用详解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了js的offset是什么意思及使用详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1328字，纯文字阅读大概需要2分钟。
内容图文
本文主要和大家分享js中offset使用详解，主要以简单的代码和大家分享，希望能帮助到大家。
offset家族
1, offsetWidth offsetHeight 得到对象的宽和高(自己的宽和高)
offsetWidth = width + border + padding;
offsetHeight = height + border + padding;
p.style.width 只能得到行内样式的数值2, offsetLeft和offsetTop 返回距离上级盒子(带有定位)的左边和上边的位置,
如果父级没有定位, 则以body为准, 这里的父级指的是所有上一级, 不仅仅是父亲,
offsetLeft 从父亲的padding开始算, 父亲的border不算
3, 动画缓动公式
var start=0, end = 0;
setInterval(function(){
start = start + (end - start)/10;
}, 30);4, offsetParent 返回对象的父级(带有定位的父级) 和parentNode类似, 没有定位时, 返回body
区别:parentNode一定是父亲, offsetParent可以是爸爸, 爷爷等
5, offsetTop, offsetLeft和style.top, style.left的区别
5.1 offsetTop, offsetLeft可以是没有定位的盒子距离上边或者左侧的位置
5.2 style.top, style.left只有定位的盒子, 才有top或者left
5.3 offsetTop返回的是数字, 而style.top返回的是字符串, 除了数字外还有单位:px
5.4 offsetTop 只读, 而style.top可读写
5.5 如果没有给html元素指定过top样式, 则 style.top返回的是空字符串
5.6 style.width 只能得到行内样式的数值
相关推荐：
php中offset特征造成绕过漏洞解决方法
JS中offset和匀速动实例分析
mysql分页时offset过大的Sql优化实例分享
以上就是js的offset是什么意思及使用详解的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的js的offset是什么意思及使用详解全部内容，希望文章能够帮你解决js的offset是什么意思及使用详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。