在写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

Last modification:October 19, 2020
如果觉得我的文章对你有用,请随意赞赏