美文网首页
js获取各种高度总结

js获取各种高度总结

作者: 豆豆_06fa | 来源:发表于2019-07-08 22:38 被阅读0次

    在写js的时候偶尔需要获取各种高度,比如;浏览器高度,页面高度,滚动高度等。抽空整理了我自己常用到的,时间仓促,没有考虑到万恶的IE浏览器。。。。

    1,获取屏幕的高度和宽度(屏幕分辨率):

    window.screen.height

    window.screen.width

    2,获取屏幕工作区域的高度和宽度(去掉状态栏):

    window.screen.availHeight

    window.screen.availWidth

    3,网页全文的高度和宽度:

    document.body.scrollHeight

    document.body.scrollWidth

    4,滚动条卷上去的高度和向右卷的宽度:

    document.body.scrollTop

    document.body.scrollLeft

    5,网页可见区域的高度和宽度(不加边线):

    document.body.clientHeight

    document.body.clientWidth

    6,网页可见区域的高度和宽度(加边线):

    document.body.offsetHeight

    document.body.offsetWidth

    ---------------------

    作者:小雷雷哥哥

    来源:CSDN

    原文:https://blog.csdn.net/leileibrother/article/details/78686250

    版权声明:本文为博主原创文章,转载请附上博文链接!

    相关文章

      网友评论

          本文标题:js获取各种高度总结

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