取得目前可見視窗內容的尺寸--Javascript[含1張圖]

media

8 }2 ?: d( b' `9 z. r1 n8 A最近用javascript取視窗的大小時，遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼，當用於點圖放大並顯示於前景中央位置時非常有用。
# `5 z& N3 H! j+ ~$ U

1. <script type="text/javascript">
   * T; F8 d& U5 r' b6 E" x1 K
2. <!--
   7 ~0 Z7 k2 u; o( g1 y
3. 
   3 s3 M" e- T( O
4. var viewportwidth;
   0 P9 C% l( o/ }
5. var viewportheight;
   ) g6 d% |0 ^6 K- _! r. w
6. 
   
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   
8. 
   
9. if (typeof window.innerWidth != 'undefined')
   " \. `0 M& K3 c: W+ a
10. {
    2 H; S: P3 A( \$ E; j3 \
11.       viewportwidth = window.innerWidth,
    
12.       viewportheight = window.innerHeight
    7 g( p3 `* u1 x' _# q2 @' N: N- i
13. }
    0 K' o& C, r3 T6 d" {/ c
14. 
    
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    0 J& ]9 z& k" u# Q! X- [5 _9 n
16. 
    , U2 t8 @9 |+ y$ X2 _! W: i
17. else if (typeof document.documentElement != 'undefined'
    2 q+ B+ {. C; u6 O! ?5 h4 K
18.      && typeof document.documentElement.clientWidth !=
    % Z- I( S5 O/ B0 b& d
19.      'undefined' && document.documentElement.clientWidth != 0)
    
20. {
    
21.        viewportwidth = document.documentElement.clientWidth,
    
22.        viewportheight = document.documentElement.clientHeight
    9 L; e) F6 S! [$ O" @' m' W
23. }
    . v) x: H- P. w* j4 E
24. 
    * }/ y6 a8 o' e6 k: M1 x& H
25. // older versions of IE
    
26. 
    
27. else
    ! ]5 L& ]4 c6 {( h6 g( C
28. {
    9 i5 w9 s( F8 o; {
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    - U- K; H, b( l" m5 k6 r
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    
31. }
    
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    . l# U* u; l" J9 N3 j
33. //-->
    5 S2 N5 [9 E# c: H, F, @+ L) h( z
34. </script>

複製代碼

結果: 在google chrome 顯示結果
4 U  U8 I# I) |4 j

來源: Get viewport size (width and height) with javascript
$ _# @+ m5 s$ A) N  ^
2 L0 ?; {7 t" V; R2 j6 C