js获取页面元素宽度、高度的方法总结

2021-07-01 21:07

阅读:360

标签:方法总结   sdn   tar   写法   alt   宽度   htm   log   get   

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获取页面元素宽度、高度的方法总结

标签:方法总结   sdn   tar   写法   alt   宽度   htm   log   get   

原文地址:http://www.cnblogs.com/wangdake-qq/p/7131288.html


评论


亲,登录后才可以留言!