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

media

tid=159&
6 y, U! R! q  ]- a
最近用javascript取視窗的大小時，遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼，當用於點圖放大並顯示於前景中央位置時非常有用。
8 K2 y# j4 [5 G' K

1. <script type="text/javascript">
   ; C0 u; G- d5 Z3 _: V' m0 e$ U3 }
2. <!--
   
3. 
   
4. var viewportwidth;
   
5. var viewportheight;
   
6. 
   
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   - S  N4 N  D2 G) u/ `
8. 
   - `3 ^- }: `  o& W( A
9. if (typeof window.innerWidth != 'undefined')
   
10. {
    
11.       viewportwidth = window.innerWidth,
    : X; w3 b, g* n! ]7 Z1 j
12.       viewportheight = window.innerHeight
    2 J) Q/ g5 g) G  A: Z( S
13. }
    
14. 
    : p3 b( h  u( ^7 X
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    ) T& Z2 T% Z! z7 L1 }: ~
16. 
    
17. else if (typeof document.documentElement != 'undefined'
    9 M  C6 R8 o- \5 r, I) U  p6 Q, a
18.      && typeof document.documentElement.clientWidth !=
    % ?. s1 K" C+ R
19.      'undefined' && document.documentElement.clientWidth != 0)
    4 u' q; u2 c  `+ X9 d9 W/ s
20. {
    ! L- ?- u5 B6 G
21.        viewportwidth = document.documentElement.clientWidth,
    ( k2 h- Y7 d9 q
22.        viewportheight = document.documentElement.clientHeight
    
23. }
    
24. 
    ) {5 T  l5 a0 l  `
25. // older versions of IE
    7 F; J; k, S1 O0 N/ A$ m
26. 
    1 J4 v) ?5 w! a0 n3 w+ {# @5 M3 ?6 h
27. else
    : l  ?6 J! k  z+ X+ x
28. {
    
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    3 w- v) S. N3 ~. q
31. }
    ; D$ w. ]8 C; k! m. D
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    / @. x% E- u  h9 }/ j! k7 n
33. //-->
    
34. </script>

複製代碼

結果: 在google chrome 顯示結果

2 y3 G: {: J) D1 A
來源: Get viewport size (width and height) with javascript


0 y1 k% @8 M2 F0 ]6 M. b! G2 S! Q