美文网首页
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