欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

获取屏幕的宽度和高度

程序员文章站 2022-05-25 09:47:41
在js中,特别是在一些功能,比如底部返回哪些按钮等,经常需要用到,这里综合运用以下,以便可以以后快速获取: /** * 获取屏幕的宽度和高度 * @returns {*} */ function client() { if(window.innerWidth){ // ie9+ 最新的浏览器 ret ......

  在js中,特别是在一些功能,比如底部返回哪些按钮等,经常需要用到,这里综合运用以下,以便可以以后快速获取:

/**
 * 获取屏幕的宽度和高度
 * @returns {*}
 */
function client() {
    if(window.innerwidth){ // ie9+ 最新的浏览器
        return {
            width: window.innerwidth,
            height: window.innerheight
        }
    }else if(document.compatmode === "css1compat"){ // w3c
        return {
            width: document.documentelement.clientwidth,
            height: document.documentelement.clientheight
        }
    }

    return {
        width: document.body.clientwidth,
        height: document.body.clientheight
    }
}

  好了,至于怎么引入这个文件,想必大家都很熟悉了,这里就不一一介绍了。