首页 > 代码库 > js获取页面元素宽度、高度的方法总结
js获取页面元素宽度、高度的方法总结
1、offsetWidth、width()、clientWidth、scrollWidth
- offsetWidth是对象本身的宽度,包括边线滚动条等
- clientWidth是对象能够被看到的宽度
- clientWidth是对象内容的实际宽度
- ps:$("#id").offsetWidth会返回undefined。原因:jquery选择器选择出来的元素都是数组对象,这些变量都是对一个明确的对象而言,正确写法应该是$("#id")[0].offsetWidth或者使用js选择器getElementById。
2、鼠标的坐标clientX/offsetX/screenX
- clientX:相对于当前窗口的X坐标
- offsetX;相对于触发事件的对象的x坐标
- screenX:相对于用户屏幕的X坐标
3、参考来源
http://blog.csdn.net/piziliweiguang/article/details/7762770
http://www.jb51.net/web/28848.html
js获取页面元素宽度、高度的方法总结
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。