包含滚动条的屏幕可视区域
window.innerHeight - 获得屏幕可视区域高度 window.innerWidth - 获得屏幕可视区域宽度
window.innerHeight 与 window.innerWidth 的 ie 版本兼容为 9+,那么完整的兼容代码为
function getInnerSizeWithScroll(){ if(window.innerWidth){ return { width : window.innerWidth, height: window.innerHeight } }else if(document.documentElement.offsetWidth == document.documentElement.clientWidth){ return { width : document.documentElement.offsetWidth, height: document.documentElement.offsetHeight } }else{ return { width : document.documentElement.clientWidth + getScrollWith(), height: document.documentElement.clientHeight + getScrollWith() } } }
不包含滚动条的屏幕可视区域
document.documentElement.clientHeight - 获得屏幕可视区域高度(不含滚动条的实际可用高度) document.documentElement.clientWidth - 获得屏幕可视区域宽度(不含滚动条的实际可用宽度)