获取窗口高度

Question

这令我很沮丧。它应该是非常简单的东西，但我不能让它在IE中工作。我想获得当前窗口的高度：不是滚动高度，不是文档高度，而​​是实际的窗口高度。我试过window.innerHeight，它返回undefined和document.documentElement.clientHeight，它给出了滚动高度。

Answer 1

对于IE 8和更低，使用

document.documentElement.offsetHeight; 

所以跨浏览器应该是：

var height = "innerHeight" in window 
       ? window.innerHeight 
       : document.documentElement.offsetHeight; 

Answer 2

http://www.javascripter.net/faq/browserw.htm

注意，在浏览器解析标签后，使用 document.body.offsetWidth和 document.body.offsetHeight代码必须执行。

更新： 试试这个

<script type="text/javascript"> 
<!-- 

var viewportwidth; 
var viewportheight; 

// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight 

if (typeof window.innerWidth != 'undefined') 
{ 
     viewportwidth = window.innerWidth, 
     viewportheight = window.innerHeight 
} 

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document) 

else if (typeof document.documentElement != 'undefined' 
    && typeof document.documentElement.clientWidth != 
    'undefined' && document.documentElement.clientWidth != 0) 
{ 
     viewportwidth = document.documentElement.clientWidth, 
     viewportheight = document.documentElement.clientHeight 
} 

// older versions of IE 

else 
{ 
     viewportwidth = document.getElementsByTagName('body')[0].clientWidth, 
     viewportheight = document.getElementsByTagName('body')[0].clientHeight 
} 
document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>'); 
//--> 
</script> 

找到here

Answer 3

我使用：

doc = document; 
var theHeight = Math.max(
    doc.body.scrollHeight, doc.documentElement.scrollHeight, 
    doc.body.offsetHeight, doc.documentElement.offsetHeight, 
    doc.body.clientHeight, doc.documentElement.clientHeight 
); 

在这里找到它： Get document height (cross-browser) - James Padolsey

而且还发现jQuery正在做同样的事情：

// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest 
// unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it. 
return Math.max(
    elem.body[ "scroll" + name ], doc[ "scroll" + name ], 
    elem.body[ "offset" + name ], doc[ "offset" + name ], 
    doc[ "client" + name ] 
);