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

media

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

1. <script type="text/javascript">
   + d# T6 O) a8 b0 }1 H: P( N, P) D* B9 n
2. <!--
   
3. 
     U3 g8 ?+ }8 [( F
4. var viewportwidth;
   
5. var viewportheight;
   
6. 
   2 T! n5 l# d' A7 W$ O$ d
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   
8. 
   
9. if (typeof window.innerWidth != 'undefined')
   / M% ]$ a3 Q( e9 ^+ G5 g0 y
10. {
    
11.       viewportwidth = window.innerWidth,
    : v; F- A3 X! P  X& X3 I
12.       viewportheight = window.innerHeight
    + q# ]+ {0 Q3 n- [, z. R
13. }
    2 ~, l$ N( ?) c( [$ S1 J
14. 
    # p: b* o5 t, s& C# P6 i/ j
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    ! u( _; C' e% B& d# c! z
16. 
    ) O9 G7 ~& D# u' e: z
17. else if (typeof document.documentElement != 'undefined'
    5 n2 @' M; K% q( Q; F
18.      && typeof document.documentElement.clientWidth !=
    : H" C  `8 S9 _8 Q
19.      'undefined' && document.documentElement.clientWidth != 0)
    
20. {
    : ]: O! q/ {  Y+ m( U8 u( Y
21.        viewportwidth = document.documentElement.clientWidth,
    : \: ]- n2 k) c  q/ d+ n$ b
22.        viewportheight = document.documentElement.clientHeight
    7 `! Q1 e4 ?% _1 j/ V+ E- f0 R
23. }
    
24. 
    6 S5 D0 u( ~) G8 {2 p% y( g
25. // older versions of IE
    - \1 o2 t: ]( m; c7 A
26. 
    6 W1 [, L& Q% W1 Y/ N. C5 G9 @  I- ^
27. else
    6 |$ Y. V- J6 t2 n# L! ?6 W
28. {
    
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    * a: O% O* O1 G3 h0 s
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    
31. }
    
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    * \; E6 K' k( v. |( {
33. //-->
    9 `' ~1 O+ o( I* n! g
34. </script>

複製代碼

結果: 在google chrome 顯示結果


來源: Get viewport size (width and height) with javascript

7 A7 }7 U: r1 j* a