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

media

tid=159&

5 R. I2 a/ i+ r1 L5 j最近用javascript取視窗的大小時，遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼，當用於點圖放大並顯示於前景中央位置時非常有用。

1. <script type="text/javascript">
   5 F. L: w5 S2 U8 M
2. <!--
   
3. 
   ! F* o# r* K1 p$ y
4. var viewportwidth;
   : [" D0 O9 S9 l" C& r; M7 P
5. var viewportheight;
   
6. 
   - x  \( o8 X* g( N0 }* B
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   * R) [/ s" Q  _& {5 P# B
8. 
   
9. if (typeof window.innerWidth != 'undefined')
     e/ n, W' V2 I, u; Y
10. {
    
11.       viewportwidth = window.innerWidth,
    9 B3 Q: y7 H. _: ]
12.       viewportheight = window.innerHeight
    
13. }
      z1 e/ X9 z% U4 k/ n9 q- K
14. 
    ! x5 A3 `6 L$ U, P
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    7 `1 U& \8 {: A- ]
16. 
    % _, m& I8 G4 _& j/ I: y: C
17. else if (typeof document.documentElement != 'undefined'
    3 K% X7 ]) U2 ~
18.      && typeof document.documentElement.clientWidth !=
    & S: f" C% p$ q
19.      'undefined' && document.documentElement.clientWidth != 0)
    ( x" H- A# l8 @' Z
20. {
    0 z3 x- z6 t5 |, t8 _! j! p/ p6 D
21.        viewportwidth = document.documentElement.clientWidth,
    
22.        viewportheight = document.documentElement.clientHeight
    * H! }% V- f9 r/ A- _8 I" P
23. }
    + Z% n9 v4 y4 h8 Y8 X
24. 
    , m$ [* c& i+ [
25. // older versions of IE
    ' I3 b9 n- N2 c+ ~
26. 
    ' R" P0 H3 b3 r3 Z
27. else
    9 \  i3 l* K+ l( u$ s+ J4 ]
28. {
    0 O+ g$ x3 _* U# N
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    0 b* Q, U2 b3 F# |" q, T; r2 N* a+ o
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    
31. }
    * s- d+ G* s0 I- T, R
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    8 P* L2 S/ X5 B3 f3 e! \
33. //-->
    
34. </script>

複製代碼

結果: 在google chrome 顯示結果


" O/ h- U$ S# d& B; t來源: Get viewport size (width and height) with javascript
* Q- ~  C. c( V# F; I

. A/ [1 m- _$ e