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

media

, o5 V0 H; [( X. e最近用javascript取視窗的大小時，遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼，當用於點圖放大並顯示於前景中央位置時非常有用。
, |$ J$ L$ b& P2 p+ h

1. <script type="text/javascript">
   # u- l. F* K% K  k. R
2. <!--
   9 O% z, n' b" ]5 m0 h2 A3 e
3. 
   ( r( \0 ~5 K% L
4. var viewportwidth;
   
5. var viewportheight;
   
6. 
   ; k; c2 R6 t6 ^+ p$ w+ t
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   : G& Z. d1 i" ?) m
8. 
   5 o/ K7 m  ]6 U1 f! a! t
9. if (typeof window.innerWidth != 'undefined')
   ! F8 p& b! k: S" L+ H
10. {
    " u0 T% j9 k4 }6 d
11.       viewportwidth = window.innerWidth,
    
12.       viewportheight = window.innerHeight
    * j! H3 N9 w" m2 B0 i
13. }
      M; T+ @8 J, w' i! n8 d+ ^3 c. B
14. 
    2 H$ u1 D) ]" H- I
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    0 t' G  \- g3 W& {, Q  Z
16. 
    # n  \" x; Z% s  J& L0 E3 g: H
17. else if (typeof document.documentElement != 'undefined'
    2 {& H/ N; j, e' h- |& V( Z6 I* g
18.      && typeof document.documentElement.clientWidth !=
    / |2 n' q. P7 {4 ]1 Z+ y% l3 [
19.      'undefined' && document.documentElement.clientWidth != 0)
    , Q) m6 ^: h- J
20. {
    
21.        viewportwidth = document.documentElement.clientWidth,
    
22.        viewportheight = document.documentElement.clientHeight
    
23. }
    
24. 
    
25. // older versions of IE
    % @: Z) W0 g7 n
26. 
    , I7 [* l4 V3 I( K) q- E+ V
27. else
    
28. {
    
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    9 s. S/ ?* Z) y0 k  ^7 g  t
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    ' v& s; j+ V; z- |; {6 @
31. }
    $ u5 _4 {' R7 b; v% o' a7 q
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    7 L! L* `8 }" P/ T& A' q
33. //-->
    % i: y- b+ |; j
34. </script>

複製代碼

結果: 在google chrome 顯示結果
9 o+ ~+ j) W( z/ L2 a

來源: Get viewport size (width and height) with javascript
+ ]5 x6 k9 A* r' z6 i7 o