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

media

7 T' j* u. g7 p8 @% n6 W4 G7 L) T- P' i最近用javascript取視窗的大小時，遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼，當用於點圖放大並顯示於前景中央位置時非常有用。
6 i: c1 u8 [- D# |

1. <script type="text/javascript">
   
2. <!--
   
3. 
   
4. var viewportwidth;
   
5. var viewportheight;
   
6. 
   - D8 p% c1 p8 `5 U/ [$ k
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   ( n# [4 Y: j* j$ x
8. 
   ; c" t; Q0 q% B# h
9. if (typeof window.innerWidth != 'undefined')
   
10. {
    - G+ _; V4 V& w& Q7 k& \
11.       viewportwidth = window.innerWidth,
    9 c! D7 p8 Q( {4 J. K% ]
12.       viewportheight = window.innerHeight
    
13. }
    . p) u8 g! n8 T3 U6 [6 o" r! u
14. 
    
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    
16. 
    ( @& H" J5 s9 N2 F& t/ T- A1 |; W( t4 y
17. else if (typeof document.documentElement != 'undefined'
    
18.      && typeof document.documentElement.clientWidth !=
    0 f9 {( a. p, b6 L( _
19.      'undefined' && document.documentElement.clientWidth != 0)
    + F' N$ P/ R7 S1 J  b& I
20. {
    5 s4 |" m: Y" X6 N0 K, m2 w3 T, E
21.        viewportwidth = document.documentElement.clientWidth,
    8 z3 Z" a3 c! B$ ]9 m6 D2 x
22.        viewportheight = document.documentElement.clientHeight
    ! j; {; C6 a1 b0 o! [7 h6 Y
23. }
    - L* e2 x3 N0 m( a
24. 
    9 h& \2 |, f/ [1 k; |1 Q0 Y& \
25. // older versions of IE
    3 @4 e. O, K/ S5 \$ d4 O
26. 
    ! V3 d  Y4 h1 b* F# z7 F' q( f
27. else
    
28. {
    
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    & m* u$ R. W% H- N: K' W( X. y
31. }
    
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    
33. //-->
      y0 {4 T& g$ |: \
34. </script>

複製代碼

結果: 在google chrome 顯示結果
  m' N7 W: m6 U8 w( z% B6 J' e
. A$ G3 n# ?! S* p" ]5 P4 a1 }% E
來源: Get viewport size (width and height) with javascript
( W! z$ m- E: _$ v4 v, @
; K# r' U: r8 u& E! @' {2 m. P
9 `4 x0 N+ [. }5 A; c1 q