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

media

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

1. <script type="text/javascript">
   
2. <!--
   " o. `  [8 z9 D& e( u. y; x2 d
3. 
   # M5 i% ?1 |+ K6 ^) Y
4. var viewportwidth;
   * F- X* @, X3 K; S6 F, W
5. var viewportheight;
   % w: ]: ]3 s4 C9 U8 L9 |
6. 
   $ S1 u3 J- W9 H" U
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   % |" |7 Q1 y: L7 Q$ z
8. 
   3 U! A6 _& D6 C
9. if (typeof window.innerWidth != 'undefined')
   ' r/ ?& x% Z4 ?% C9 M" c* ~2 A$ R9 M  N
10. {
    
11.       viewportwidth = window.innerWidth,
    
12.       viewportheight = window.innerHeight
    9 D" h7 `/ e4 h0 Z" o* H- t; I
13. }
    - r) R( x) _$ O: C- A, D/ ~
14. 
    3 W3 ?) A  h2 Z, |
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    
16. 
    
17. else if (typeof document.documentElement != 'undefined'
    - }8 \7 @8 i. r) k
18.      && typeof document.documentElement.clientWidth !=
    
19.      'undefined' && document.documentElement.clientWidth != 0)
    
20. {
    3 u! E! k+ V6 V1 \1 N8 {1 m: K# k
21.        viewportwidth = document.documentElement.clientWidth,
    * k# S0 h* r; T) b
22.        viewportheight = document.documentElement.clientHeight
    7 L; _! p; b. h. I
23. }
    
24. 
    , P/ {3 n8 m$ D3 ~! K) [
25. // older versions of IE
    
26. 
    
27. else
    
28. {
    
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    ) ~- J0 |2 c. u+ z
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    " k! Y- X+ i5 y3 l- Y* @* [: U1 g
31. }
    & E/ Z% _3 ]: ]
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    ; U7 m; e5 v& ?+ ?( u
33. //-->
    ! O2 S; `7 Y5 Z& h
34. </script>

複製代碼

結果: 在google chrome 顯示結果


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

6 G1 p1 j) {, N- ~: }2 B/ ?- Q2 ^
& \3 G) D' |2 e6 z- S