在写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 19th, 2020 at 01:32 pm
如果觉得我的文章对你有用,请随意赞赏