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

media

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

1. <script type="text/javascript">
   7 Z0 A0 s: E' g5 S2 M
2. <!--
   ! v+ B) q' H' c2 I) c
3. 
   
4. var viewportwidth;
   ! m1 ]/ A7 g5 }
5. var viewportheight;
   
6. 
   5 r' B2 q, K( e
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   
8. 
   4 J. X# a! y+ I8 v  G
9. if (typeof window.innerWidth != 'undefined')
   ; u, e3 V( q9 p; w
10. {
      G2 y2 X* F4 g5 ]: A' V
11.       viewportwidth = window.innerWidth,
    
12.       viewportheight = window.innerHeight
    
13. }
    
14. 
    7 O! Z- a1 Q* v; N9 S0 s
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    
16. 
    , Z# T% S/ c% w3 D& b, e
17. else if (typeof document.documentElement != 'undefined'
    8 |3 c  n5 b: j" a" J) j2 ~" x
18.      && typeof document.documentElement.clientWidth !=
    4 k4 i0 q$ Y$ r; ?- C' t
19.      'undefined' && document.documentElement.clientWidth != 0)
    * \5 t+ }% U: x0 R
20. {
    
21.        viewportwidth = document.documentElement.clientWidth,
    
22.        viewportheight = document.documentElement.clientHeight
    6 w+ p" H2 e$ a# R$ N
23. }
    + @+ y2 @! }, P  p: M( }; O1 T2 l
24. 
    
25. // older versions of IE
    + }8 c6 S0 {# I: V" M. U
26. 
    
27. else
    3 T# ?4 j5 V2 k* M' x
28. {
    7 I+ h* F, M9 T6 m3 l7 d& c/ t
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    1 R8 d/ n9 N2 b5 Y  B
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    
31. }
    1 T0 R# m, G3 O7 T0 a( G. |$ X" Q
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    . p6 J( w" J0 Y  B5 @' K1 y  F8 P
33. //-->
    5 ^3 Z( l: F' R2 ]8 d! Q
34. </script>

複製代碼

結果: 在google chrome 顯示結果
* A# Q3 b( v% D4 z' g0 M' d

- R5 J4 w/ b( G" {& K來源: Get viewport size (width and height) with javascript