JS获取窗口高度和宽度代码

window.innerHeight	浏览器窗口的内部高度

window.innerWidth	浏览器窗口的内部宽度
window.outerheight 	返回窗口的外部高度。

window.outerwidth 	返回窗口的外部宽度。
Screen 对象属性

screen.availHeight	返回显示屏幕的高度 (除 Windows 任务栏之外)。

screen.availWidth  	返回显示屏幕的宽度 (除 Windows 任务栏之外)。
screen.height	 	返回显示屏幕的高度。

screen.width		返回显示器屏幕的宽度。

得到屏幕的宽度：Capabilities.screenResolutionX

得到屏幕的高度：Capabilities.screenResolutionY




得到当前窗口的高度：this.height

得到当前窗口的宽度：this.width




浏览器窗口：

Application.application.stage.stageHeight

Application.application.stage.stageWidth

代码如下
// 浏览器窗口的宽度，兼容 Internet Explorer 8, 7, 6, 5
function getClientWidth(){
    return window.innerWidth 
    || document.documentElement.clientWidth 
    || document.body.clientWidth;
}

// 浏览器窗口的高度，兼容 Internet Explorer 8, 7, 6, 5
function getClientHeight(){
    return window.innerHeight 
    || document.documentElement.clientHeight 
    || document.body.clientHeight; 
}


console.log(getClientWidth());
console.log(getClientHeight());



参考

JavaScript Window - 浏览器对象模型

有时候我们需要获取窗口的大小以适用在不同屏幕时候不同的显示，在改变屏幕大小时候触发的事件为
$(window).resize(function(){

   //你要执行的代码

});

document.write($(window).height()); //浏览器时下窗口可视区域高度
document.write($(document).height()); //浏览器时下窗口文档的高度

document.write($(document.body).height());//浏览器时下窗口文档body的高度

document.write($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin

document.write($(window).width()); //浏览器时下窗口可视区域宽度

document.write($(document).width());//浏览器时下窗口文档对于象宽度

document.write($(document.body).width());//浏览器时下窗口文档body的高度

document.write($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin

document.write($(document).scrollTop()); //获取滚动条到顶部的垂直高度

document.write($(document).scrollLeft()); //获取滚动条到左边的垂直宽度


当窗口内文档高度不足浏览器窗口高度时，$(document).height()返回的是$(window).height()。

$("body").height()   如果body没有border、margin的话，$("body").height()==$(document).height(),但是还是不建议使用这种方式去获取文档内容高度