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

media

tid=159&
6 j# D2 T* s" j/ {  j7 f# F# h, l3 c
& Z- o: T* x  ~* o% F& M$ X最近用javascript取視窗的大小時，遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼，當用於點圖放大並顯示於前景中央位置時非常有用。
! ~0 H, y+ \& P! }1 y1 G/ l

1. <script type="text/javascript">
   
2. <!--
   # Y" t9 U& r1 c3 ~/ C. }( E9 d
3. 
   
4. var viewportwidth;
   
5. var viewportheight;
   2 q% |* c- h$ f$ Q6 y9 B! r& i
6. 
   
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   
8. 
   
9. if (typeof window.innerWidth != 'undefined')
   
10. {
    
11.       viewportwidth = window.innerWidth,
    - g- x5 {6 Z- M6 w6 I
12.       viewportheight = window.innerHeight
      P1 j8 Y  u+ i
13. }
    
14. 
    # w* B* ?; ?3 Z8 L( x
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    ; {3 _$ c6 q5 T* r( o% x8 c. l
16. 
    $ ~$ h, h: O7 i8 F
17. else if (typeof document.documentElement != 'undefined'
    . r$ f- U0 F5 ?3 I& k
18.      && typeof document.documentElement.clientWidth !=
    
19.      'undefined' && document.documentElement.clientWidth != 0)
    # N2 Q8 ?! A9 w% b% o* W7 X
20. {
    
21.        viewportwidth = document.documentElement.clientWidth,
    5 O9 n7 u4 h/ a* m7 ?. ?
22.        viewportheight = document.documentElement.clientHeight
    9 l, e7 S5 t7 A6 j2 M' h
23. }
    & P0 n8 U7 \1 d  J% T, E' F  K! b
24. 
    5 N* u  m5 \- o4 g
25. // older versions of IE
    
26. 
    & k& x3 a1 J# E" L3 U" \6 H
27. else
    
28. {
    * D; W+ D0 t  g# k
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    
31. }
    : X2 a: A  i0 E3 Z  w
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    ! [$ I. y0 w  G7 s# T- i
33. //-->
    
34. </script>

複製代碼

結果: 在google chrome 顯示結果
- ~/ V) y1 C9 q* z  e) q5 `/ w
& d' Q- _, `: ?" H
- `, e+ R+ `0 Q& Q  U0 a來源: Get viewport size (width and height) with javascript

/ j9 F! H. ~- t0 t' h% }; e6 X* S
( A" S+ w& p; D, d5 @