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

四月四日梦

于 2018-10-28 23:23:26 发布

阅读量751

点赞数

分类专栏：代码库兼容性写法

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

15 篇文章

订阅专栏

兼容性写法

2 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//获取屏幕可视区域的宽高
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
        }
    }
}