js 如何获取浏览器的高度？
通过window对象来得到窗口相关的内外款高度信息，如下：
outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。
outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。
innerheight 返回窗口的文档显示区的高度。
innerwidth 返回窗口的文档显示区的宽度。
在浏览器兼容方面：
所有主流浏览器都支持 outerWidth 和 outerHeight 属性。
注意：IE 8 及更早 IE 版本不支持该属性。
所有主流浏览器都支持 innerWidth 和 innerHeight 属性。
注意：IE 8 及更早 IE版本不支持这两个属性。
示例（我笔记本分辨率1366x768，浏览器全屏显示，测试）：
document.write("outerWidth: " + window.outerWidth + " outerHeight: " + window.outerHeight); // 显示：outerWidth: 1366 outerHeight: 768
document.write("innerWidth: " + window.innerWidth + " innerHeight: " + window.innerHeight); // 显示：innerWidth: 1366 innerHeight: 705
提供你一个函数，获取浏览器显示部分的高度，兼容所有主流浏览器
function getWindowSize() {
var client = {
x:0,
y:0
};
if(typeof document.compatMode != 'undefined' && document.compatMode == 'CSS1Compat') {
client.x = document.documentElement.clientWidth;
client.y = document.documentElement.clientHeight;
} else if(typeof document.body != 'undefined' && (document.body.scrollLeft || document.body.scrollTop)) {
client.x = document.body.clientWidth;
client.y = document.body.clientHeight;
}
return client;
}
function getsize(){
var size = getWindowSize();
document.getElementById("width").value = size.x;
document.getElementById("height").value = size.y;
}
width:
height:
宽度：document.documentElement.clientWidth
高度：document.documentElement.clientHeight
文档类型：XHTML1.0
浏览器：ALL
window.screen.availWidth 返回当前屏幕宽度(空白空间)
window.screen.availHeight 返回当前屏幕高度(空白空间)
window.screen.width 返回当前屏幕宽度(分辨率值)
window.screen.height 返回当前屏幕高度(分辨率值)
window.document.body.offsetHeight; 返回当前网页高度
window.document.body.offsetWidth; 返回当前网页宽度
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后）：
1、outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。
2、outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。
3、innerheight 返回窗口的文档显示区的高度。
4、innerwidth 返回窗口的文档显示区的宽度。
补充：
在浏览器兼容方面：
1、所有主流浏览器都支持 outerWidth 和 outerHeight 属性。
注意：IE 8 及更早 IE 版本不支持该属性。
2、所有主流浏览器都支持 innerWidth 和 innerHeight 属性。
注意：IE 8 及更早 IE版本不支持这两个属性。
获取代码：
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
请调整浏览器窗口大小
浏览器窗口 的 实际高度:
浏览器窗口 的 实际宽度:
$(window).height();
这是jquery的 加个jquery插件就行了
潭视多龙： 要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后): 1、outerHeight属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条).2、outerWidth属性设置或返回窗口的外部宽度,包括所有的界面元素(如工具栏/...
安庆市17069316474： js 如何获取浏览器的高度? - ？
潭视多龙： js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域,仅为页面呈现区域)的高度和宽度 宽度:document.documentElement.clientWidth 高度:document.documentElement.clientHeight 文档类型:XHTML1.0 浏览器:ALL
安庆市17069316474： JS如何获取浏览器的高度?？
潭视多龙： 针对这个问题,请看“ http://www.cnblogs.com/liszt/archive/2012/01/15/2322692.html ”讲解得非常详细,而且附有源代码.
安庆市17069316474： 用JS怎么获取网页窗口的高度?？
潭视多龙： $(window).height();示例:<script type=＂text/javascript＂>$(document).ready(function(){alert($(window).height()); //弹出浏览器当前窗口可视区域的高度alert($(document).height()); //弹出浏览器当前窗口文档的高度alert($(document.body).height());//弹出浏览器当前窗口文档body的高度alert($(document.body).outerHeight(true));//弹出浏览器当前窗口文档body的总高度} )</script>
安庆市17069316474： JS如何获取浏览器有效宽度和高度 - ？
潭视多龙： jquery: 高度:$(window).height() 宽度:$(window).width(); 浮动定位:$(option).css({top:(($(window).height()-$(option).height())/2)+'px'}) option 为你的浮动框识别class或识别id
安庆市17069316474： 如何用JS动态获取浏览器的宽高 - ？
潭视多龙： IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: ...
安庆市17069316474： js或者jquery如何实时获取浏览器的高度和宽度的? - ？
潭视多龙： jquery $(function(){/*调整窗口自动调整宽度*/ $(window).resize(function(){ var h = $(window).height(); var w = $(window).width(); console.info(＂窗口高度:＂ + h + ＂; 窗口宽度:＂ + w); }); });
安庆市17069316474： 如何用 js 取得浏览器的高度并赋值给div - ？
潭视多龙： < !DOCTYPE html PUBLIC ＂-//W3C//DTD XHTML 1.0 Transitional//EN＂ ＂http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd＂> <html xmlns=＂http://www.w3.org/1999/xhtml＂><head><title>请调整浏览器窗口</title> <meta http-equiv=＂...
安庆市17069316474： jquery或js 如何时时获取浏览器当前的宽和高,只要浏览器宽高一变就要获取到 - ？
潭视多龙： 可以使用器setInterval,每秒获取一次浏览器的宽和高 使用jQuery可以这样获取window的宽高:宽度: $(window).width() 高度: $(window).height() 自己写个函数,设定定时器的时间
安庆市17069316474： 怎么用js获取微信浏览器横屏的高度 - ？
潭视多龙： 通过window对象来得到窗口相关的内外款高度信息,如下:outerHeight属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条).outerWidth属性设置或返回窗口的外部宽度,包括所有的界面元素(如工具栏/滚动)....
