美文网首页
js获取高度和宽度方法总结

js获取高度和宽度方法总结

作者: 搬不完的元猿员 | 来源:发表于2019-05-28 05:02 被阅读0次

javascript获取网页的高度和宽度:

二三八

可视区域宽:document.documentElement.clientWidth(width+padding)

可视区域高:document.documentElement.clientHeight(height+padding)

同时也可以使用另一种进行表示:

可视区域宽:document.body.offsetWidth(包括边线的宽:width+padding+border)

可视区域高:document.body.offsetHeight(包括边线的高:height+padding+border)

内容高:document.body.scrollHeight

文档高:document.body.offsetHeight

纵向滚动的距离:document.body.scrollTop||document.documentElement.scrollTop

横向滚动的距离:document.body.scrollLeft||document.documentElement.scrollLeft

更多前端内容 请点击关注

相关文章

网友评论

      本文标题:js获取高度和宽度方法总结

      本文链接:https://www.haomeiwen.com/subject/cniktctx.html