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

media

tid=159&

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

1. <script type="text/javascript">
   
2. <!--
   
3. 
   $ K7 M% l8 W' j% C0 g8 C- c! M* z% H
4. var viewportwidth;
   
5. var viewportheight;
   
6. 
   8 W6 n0 i, s7 C. y* Y9 Q
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   5 A1 s" X3 m, c) L* S( C
8. 
   ( G" |+ ]6 P" G- `* ?
9. if (typeof window.innerWidth != 'undefined')
   / v2 }& t& D( A) c* y$ D
10. {
    
11.       viewportwidth = window.innerWidth,
    
12.       viewportheight = window.innerHeight
    7 a; t* A5 z% L# R* q1 C3 X% ?
13. }
    $ e4 {7 s$ y- W! E2 I
14. 
    1 R1 m1 R' p/ k0 D. Z
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    1 U$ u" I' V! S5 B, l: L1 T5 l1 T
16. 
    
17. else if (typeof document.documentElement != 'undefined'
    
18.      && typeof document.documentElement.clientWidth !=
    
19.      'undefined' && document.documentElement.clientWidth != 0)
      R# X7 e+ l: E% |/ {: {) c. |
20. {
    
21.        viewportwidth = document.documentElement.clientWidth,
    , h! ]" W, Z; C2 R1 L5 r6 k& f5 h
22.        viewportheight = document.documentElement.clientHeight
    
23. }
    
24. 
    
25. // older versions of IE
    ' x' z% b, y7 U6 L- Q' u8 Q6 E1 m4 R
26. 
    
27. else
    
28. {
    
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    
31. }
    
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    
33. //-->
    : l$ w, r8 q  x1 `, g
34. </script>

複製代碼

結果: 在google chrome 顯示結果
8 b' i: W0 T2 f/ |- D# x

來源: Get viewport size (width and height) with javascript
$ W5 H, w/ F6 ?: s- |7 ]
' j& @4 Z9 B# r, d