js自定义获取浏览器宽高

最新推荐文章于 2024-06-05 00:02:19 发布

dg981214

最新推荐文章于 2024-06-05 00:02:19 发布

阅读量87

点赞数

原文链接：http://www.cnblogs.com/M87-A/p/11166446.html

版权

/**
 * @description js自定义获取浏览器宽高
 *
 * IE8 和 IE8 以下的浏览器不兼容
 * window.innerWidth
 * window.innerHeight
 *
 * html 头文件部加 <!doctype html>  表示启用标准模式
 * 标准模式 兼容所有浏览器
 *
 * document.body.clientWidth
 * document.body.clientHeight
 *
 * document.documentElement.clientWidth
 * document.documentElement.clientHeight
 *
 * @returns {width:0,height:0}
 */
function getViewPortOffset(){
    if(window.innerWidth){
        return {
            width:window.innerWidth,
            height:window.innerHeight
        }
    }else{
        //混杂模式（兼容IE8以下）
        if(document.compatMode == 'BackCompat'){
            return{
                width:document.body.clientWidth,
                height:document.body.clientHeight
            }
        }else{
            return {
                width:document.documentElement.clientWidth,
                height:document.documentElement.clientHeight
            }
        }
    }
}

转载于:https://www.cnblogs.com/M87-A/p/11166446.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dg981214

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js自定义获取浏览器宽高

/** * @description js自定义获取浏览器宽高 * * IE8 和 IE8 以下的浏览器不兼容 * window.innerWidth * window.innerHeight * * html 头文件部加 <!doctype html> 表示启用标准模式 * 标准模式兼容所有浏览器 * * document.body.clientWidth * docu...
复制链接

扫一扫