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

media

- V3 p9 o7 w/ g! d: U
最近用javascript取視窗的大小時，遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼，當用於點圖放大並顯示於前景中央位置時非常有用。
7 v+ l1 y. ?& H( V( v" L

1. <script type="text/javascript">
   
2. <!--
   % d& W) @5 I: `4 w( h# k0 c; j
3. 
   " W& c/ o, X1 U$ h
4. var viewportwidth;
   
5. var viewportheight;
   . N) g% W# r) T: t4 i+ s
6. 
   
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   
8. 
     S3 _! g, @9 a# e
9. if (typeof window.innerWidth != 'undefined')
     t; d  M2 D2 Q0 E. V8 Q
10. {
    1 M7 u- S3 h+ k% Q! x9 F
11.       viewportwidth = window.innerWidth,
    & c' F* H4 z! m
12.       viewportheight = window.innerHeight
    
13. }
    
14. 
    6 \5 m' f  S* Z" v
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    & b% |6 w2 r' E" K, L
16. 
    ) ~) D6 ^6 \5 B1 I& L: U$ u! I& F
17. else if (typeof document.documentElement != 'undefined'
    & Q  V1 B+ e( d3 P2 Z! d
18.      && typeof document.documentElement.clientWidth !=
    4 @+ u2 P& X/ q( H$ w) u
19.      'undefined' && document.documentElement.clientWidth != 0)
    1 O% [8 V9 ~7 c0 I- D' I; E5 @
20. {
    
21.        viewportwidth = document.documentElement.clientWidth,
    
22.        viewportheight = document.documentElement.clientHeight
    4 s; p; j9 u$ `/ U* z0 \6 Q  B
23. }
    
24. 
    
25. // older versions of IE
    
26. 
    2 x, t$ M% w- Q, Q5 C# W2 [0 ~
27. else
    2 E; L; m) b7 o  R3 l$ Q! ]
28. {
    4 n) G# ]+ d. B
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    # ]' G; ?6 J6 H
31. }
    
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    ' Y8 J, {- D" g2 S) G2 i
33. //-->
    
34. </script>

複製代碼

結果: 在google chrome 顯示結果
, C; {7 K; k  S: h
* x& l+ S+ K0 h. H1 I; }
來源: Get viewport size (width and height) with javascript

# h: v% e6 j. W. v3 I
+ F, z+ [' d; [$ `* u# M& C