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

media

/ B  V4 I0 {+ `最近用javascript取視窗的大小時，遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼，當用於點圖放大並顯示於前景中央位置時非常有用。
) y* Y) C( e2 b, X; Y6 A

1. <script type="text/javascript">
   ( y+ L! p- a  ~, d" K
2. <!--
   
3. 
   + c0 }9 x  x1 I5 Q3 j1 P& H" o1 e$ X
4. var viewportwidth;
   # F+ C+ J7 C" r) B5 w
5. var viewportheight;
   # s6 w1 p5 ^6 L0 O
6. 
   9 K  w- E! ]" h# \
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   
8. 
   . Q1 X$ n5 d! K$ A  i
9. if (typeof window.innerWidth != 'undefined')
   
10. {
    
11.       viewportwidth = window.innerWidth,
    8 }9 m( M4 g* {2 J6 q5 b2 x
12.       viewportheight = window.innerHeight
    
13. }
    
14. 
    
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    ( Y! x& P* @" y+ K+ Z8 ~
16. 
    
17. else if (typeof document.documentElement != 'undefined'
    & r2 s; \" H4 e/ W( @; I
18.      && typeof document.documentElement.clientWidth !=
    
19.      'undefined' && document.documentElement.clientWidth != 0)
    0 g" n5 p3 n* Q0 k( L" F+ b
20. {
    
21.        viewportwidth = document.documentElement.clientWidth,
    9 K, K( n, g: l: S
22.        viewportheight = document.documentElement.clientHeight
    
23. }
    * Q; T; l: y3 B1 A
24. 
    ' z& @8 A# n7 s9 d: k1 u
25. // older versions of IE
    
26. 
    ; D" A# S6 ~3 R/ r
27. else
    
28. {
    # g$ ?9 q7 n& t) r1 @. z3 [
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    * c  a7 d8 O  F! T/ V& Q! b
31. }
    
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    % |7 z! ~' N: M9 ]/ |4 L  x: N  S* C# h
33. //-->
    / A7 @; g# B* m7 h4 G5 b
34. </script>

複製代碼

結果: 在google chrome 顯示結果
! y& @+ @1 f: o8 n5 l

來源: Get viewport size (width and height) with javascript

; J8 }0 H2 o5 N; f' C
, N5 B, a: d, d$ k9 I. A+ K1 t0 j