获取浏览器可视区域高度和宽度，该值随浏览器放大缩小变化而变化
$(window).height();
$(window).width();
获取页面文档的高度和宽度，该值不会因浏览器放大缩小而改变
$(document).height();
$(document).width();
获取页面body的高度和宽度
$(document.body).height();
$(document.body).width();
获取页面body的总高度和总宽度，包含边框、内边距和外边距
$(document.body).outerHeight(true);
$(document.body).outerWidth(true);

//IE 8 及更早 IE 版本不支持innerWidth和innerHeight这两个属性
function getViewportOffset() {
    //各大主流浏览器
    if (window.innerWidth !== undefined) {
        return {
            w: window.innerWidth,
            h: window.innerHeight
        }
    } else {
    // ie8及其以下
        if (document.compatMode === "BackCompat") {
            // 怪异模式
            return {
                w: document.body.clientWidth,
                h: document.body.clientHeight
            }
        } else {
            // 标准模式
            return {
                w: document.documentElement.clientWidth,
                h: document.documentElement.clientHeight
            }
        }
    }
}