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

media

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

1. <script type="text/javascript">
   ) p* J% w+ Z2 N
2. <!--
   6 [9 ~, s2 I: L% U
3. 
   
4. var viewportwidth;
   ( m2 Q- R1 \. l; J+ E: a
5. var viewportheight;
   : q/ p; H# j8 r0 p  d( F/ r
6. 
   
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   7 l% Z) a4 j) f- N3 [% n% B1 h
8. 
   - Z( X0 b( O% i7 ~6 j  k
9. if (typeof window.innerWidth != 'undefined')
   ; I' q7 F: Q9 i4 u1 n
10. {
    7 b1 M" f) j( T0 q1 Q
11.       viewportwidth = window.innerWidth,
    8 R6 y3 L3 q: Z- m
12.       viewportheight = window.innerHeight
    1 `3 C4 v* E3 M% e
13. }
    7 G9 X! N% n/ J9 r
14. 
    0 d% l/ p; E9 H4 h
15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    
16. 
    ( e6 \! H' p1 d/ b6 E- G. ~
17. else if (typeof document.documentElement != 'undefined'
    + w; y! n9 g; b4 K( m
18.      && typeof document.documentElement.clientWidth !=
    + q! ~4 A, n) h1 g& v
19.      'undefined' && document.documentElement.clientWidth != 0)
    
20. {
    . V  N. k! \  O9 w- M
21.        viewportwidth = document.documentElement.clientWidth,
    9 X# q  W# [" p  R
22.        viewportheight = document.documentElement.clientHeight
    % m: @& a( c" C1 d: O* Z- X$ m( B6 S
23. }
    
24. 
    
25. // older versions of IE
    : ?" ^8 Y& ], T6 l
26. 
    / z/ h9 I& P2 v
27. else
    ; Z  z/ L5 n6 ^6 S! \$ [# O
28. {
    ' F9 D- A* [% Z* Y
29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    . X; H  ~, A0 R( [* ]
30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    , c+ u( h4 v# U5 ]- U. c! s3 g
31. }
    
32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    
33. //-->
    ) E5 E% T1 r9 C
34. </script>

複製代碼

結果: 在google chrome 顯示結果


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


9 h# d9 D& Y6 B4 G: i' W