Lấy chiều cao cửa sổ

Question

Điều này làm tôi bực mình. Nó phải là một cái gì đó thực sự đơn giản nhưng tôi không thể làm cho nó hoạt động trong IE. Tôi muốn nhận được chiều cao của cửa sổ hiện tại: Không phải chiều cao cuộn, không phải chiều cao tài liệu, nhưng chiều cao cửa sổ thực tế. Tôi đã thử window.innerHeight trả về undefined và document.documentElement.clientHeight cho độ cao cuộn.

Answer 1

Đối với IE 8 trở xuống, sử dụng

document.documentElement.offsetHeight; 

trình duyệt Vì vậy chéo nên là:

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

Answer 2

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

Lưu ý rằng mã có sử dụng document.body.offsetWidth và document.body.offsetHeight phải được thực hiện sau khi trình duyệt đã phân tách các thẻ.

Cập nhật: Hãy thử điều này

<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> 

Tìm thấy here

Answer 3

Tôi đang sử dụng:

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

Tìm thấy nó ở đây: Get document height (cross-browser) - James Padolsey

Và cũng thấy rằng jQuery đang làm điều tương tự:

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