首页 > 代码库 > js获取可视区大小和页面大小的兼容性写法

js获取可视区大小和页面大小的兼容性写法

var getPageSize = function() {    var scrW, scrH;    if(window.innerHeight && window.scrollMaxY) {        // Mozilla        scrW = window.innerWidth + window.scrollMaxX;        scrH = window.innerHeight + window.scrollMaxY;    }else if(document.body.scrollHeight > document.body.offsetHeight){        // all but IE Mac        scrW = document.body.scrollWidth;        scrH = document.body.scrollHeight;    }else if(document.body) { // IE Mac        scrW = document.body.offsetWidth;        scrH = document.body.offsetHeight;    }    var winW, winH;    if(window.innerHeight) { // all except IE        winW = window.innerWidth;        winH = window.innerHeight;    }else if (document.documentElement && document.documentElement.clientHeight || document.documentElement.clientWidth) {        // IE 6 Strict Mode        winW = document.documentElement.clientWidth;         winH = document.documentElement.clientHeight;    }else if (document.body) { // other        winW = document.body.clientWidth;        winH = document.body.clientHeight;    }    // for small pages with total size less then the viewport    var pageW = (scrW<winW) ? winW : scrW;    var pageH = (scrH<winH) ? winH : scrH;    return{PageW:pageW, PageH:pageH, WinW:winW, WinH:winH};};//调用:document.onclick = function(){    var page = getPageSize();    console.log(‘页面高度:‘ + size.PageH + ‘,可视区高度:‘ + size.WinH);}

 

js获取可视区大小和页面大小的兼容性写法