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

media

; @. u: E4 d! T6 _
5 o) J: h4 Z4 G1 S: @& \3 p最近用javascript取視窗的大小時，遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼，當用於點圖放大並顯示於前景中央位置時非常有用。

1. <script type="text/javascript">
   9 V3 O, s: o) f
2. <!--
     n# J) E# _/ Q! B& J0 U
3. 
   8 j! `5 ~7 c$ P; R
4. var viewportwidth;
   
5. var viewportheight;
   
6. 
   
7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   , ^4 h% M1 p( {2 s' ]/ B8 O! v
8. 
   ' Z8 D8 Q2 m+ G7 [4 f! L2 c
9. if (typeof window.innerWidth != 'undefined')
   ! Z* c4 C, g! H8 E. J
10. {
    ( t  X1 A2 t; O$ M5 u& a1 z
11.       viewportwidth = window.innerWidth,
    6 `) Z# f' D: N
12.       viewportheight = window.innerHeight
    
13. }
    
14. 
    + X# ]% q  y1 r8 P
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'
    ) m- v: t2 p6 l3 H) Z7 U. I
18.      && typeof document.documentElement.clientWidth !=
    0 O2 h! ]2 t7 K2 Z% J* a; b
19.      'undefined' && document.documentElement.clientWidth != 0)
    . i- Z  b, B; ]. n
20. {
    # s/ I1 Y3 e, [4 j
21.        viewportwidth = document.documentElement.clientWidth,
    ; S/ C/ B$ |; f
22.        viewportheight = document.documentElement.clientHeight
    
23. }
    7 n6 H& @$ B6 l, [7 W$ a
24. 
    
25. // older versions of IE
    
26. 
    ! Y& k- e- ^' j! O, o9 N- J
27. else
    
28. {
    / _+ c/ O7 ]4 ?& x
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>');
    8 @2 E1 l% Z0 I/ O$ `7 C. h  h
33. //-->
    + \, \0 h" `+ V$ @1 a6 l3 t0 w
34. </script>

複製代碼

結果: 在google chrome 顯示結果

6 t. c" {, [* q% P* u
* E9 x+ b! u" ^' F1 l, d9 N. g來源: Get viewport size (width and height) with javascript
1 l) n! X* X1 Y1 ?: D
8 b8 F* S) j, s2 O% z7 l