编程那点事编程那点事

专注编程入门及提高
探究程序员职业规划之道!

JavaScript获取屏幕可视区域

包含滚动条的屏幕可视区域

window.innerHeight - 获得屏幕可视区域高度 window.innerWidth - 获得屏幕可视区域宽度

window.innerHeight 与 window.innerWidth 的 ie 版本兼容为 9+,那么完整的兼容代码为

function getInnerSizeWithScroll(){
    if(window.innerWidth){
        return {
            width : window.innerWidth,
            height: window.innerHeight
        }
    }else if(document.documentElement.offsetWidth == document.documentElement.clientWidth){
        return {
            width : document.documentElement.offsetWidth,
            height: document.documentElement.offsetHeight
        }
    }else{
        return {
            width : document.documentElement.clientWidth + getScrollWith(),
            height: document.documentElement.clientHeight + getScrollWith()
        }
    }
}

不包含滚动条的屏幕可视区域

document.documentElement.clientHeight - 获得屏幕可视区域高度(不含滚动条的实际可用高度)
document.documentElement.clientWidth - 获得屏幕可视区域宽度(不含滚动条的实际可用宽度)


未经允许不得转载: 技术文章 » javascript » JavaScript获取屏幕可视区域