獲取窗口高度

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 ] 
);