计算浏览器窗口和页面的高度和宽度

作者 : zhanhailiang    日期 : 2012-10-30

计算浏览器窗口的高度和宽度：

    var windowSize = function (a) {
        var b, c, d;
        a ? d = a.document : d = document;
        if (d.compatMode === "CSS1Compat") {
            b = d.documentElement.clientWidth;
            c = d.documentElement.clientHeight
        } else if (self.innerHeight) {
            a ? d = a.self : d = self;
            b = d.innerWidth;
            c = d.innerHeight
        } else if (d.documentElement && d.documentElement.clientHeight) {
            b = d.documentElement.clientWidth;
            c = d.documentElement.clientHeight
        } else if (d.body) {
            b = d.body.clientWidth;
            c = d.body.clientHeight
        }
        return {
            width: b,
            height: c
        }
    };

    console.log(windowSize());

计算页面的高度和宽度：

    var pageSize = function(b) {
        b ? target = b.document : target = document;
        var c = target.compatMode == "CSS1Compat" ? target.documentElement : target.body,
            d, e, f, g;
        if (window.innerHeight && window.scrollMaxY) {
            d = c.scrollWidth;
            e = window.innerHeight + window.scrollMaxY
        } else if (c.scrollHeight > c.offsetHeight) {
            d = c.scrollWidth;
            e = c.scrollHeight
        } else {
            d = c.offsetWidth;
            e = c.offsetHeight
        }
        var h = windowSize();
        e < h.height ? f = h.height : f = e;
        d < h.width ? g = h.width : g = d;
        return {
            page: {
                width: g,
                height: f
            }, win: {
                width: h.width,
                height: h.height
            }
        }
    };

    console.log(pageSize());