获取网页可见区域宽高(封装免邮)

Posted fearless427

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取网页可见区域宽高(封装免邮)相关的知识,希望对你有一定的参考价值。

//获取网页可见区域宽高
function getViewPortOffset() {
    if(window.innerWidth) {
        return {
            w: window.innerWidth,
            h: window.innerHeight
        }
    } else {
        if(document.compatMode === "BackCompat") {
            //compatMode 用来确认是否关闭或开启了标准兼容模式
            //BackCompat:标准兼容模式关闭。
            //CSS1Compat:标准兼容模式开启。
            return {
                w: document.body.clientWidth,
                h: document.body.clientHeight
            }
        } else {
            return {
                w: document.documentElement.clientWidth,
                y: document.documentElement.clientHeight
            }
        }
    }

}

  

以上是关于获取网页可见区域宽高(封装免邮)的主要内容,如果未能解决你的问题,请参考以下文章

js获取宽高

js absolute dom怎么读取宽高

js和jquery获取屏幕宽高以及加margin和padding等边距的宽高

js中获取宽高

解释 : 获取页面元素宽高方法及图解

js获取屏幕元素宽高值