兼容获取屏幕可视区域的宽高

最新推荐文章于 2024-12-16 14:58:45 发布

转载最新推荐文章于 2024-12-16 14:58:45 发布 · 766 阅读

代码库同时被 2 个专栏收录

15 篇文章

订阅专栏

兼容性写法

2 篇文章

订阅专栏

本文介绍了一种通过JavaScript获取浏览器窗口可视区域宽度和高度的方法，适用于不同浏览器环境，包括现代浏览器和IE等。

//获取屏幕可视区域的宽高
function client(){
    if(window.innerHeight !== undefined){
        return {
            "width": window.innerWidth,
            "height": window.innerHeight
        }
    }else if(document.compatMode === "CSS1Compat"){
        return {
            "width": document.documentElement.clientWidth,
            "height": document.documentElement.clientHeight
        }
    }else{
        return {
            "width": document.body.clientWidth,
            "height": document.body.clientHeight
        }
    }
}